收到最近AI Respon as HTML的启发，做了个HTML功能，但感觉有点廉价 佬们有什么思路吗？我该怎么让模型写出更好的HTML回复？ 3 个帖子 - 3 位参与者 阅读完整话题
最开始写了一个 tui 简陋版本 然后 cc 的源码泄漏 看了下 cc 的代码 又迭代了一个版本 拆出来了 core 和 tui 。cc 的 tui 和 core 还是太耦合了 这个时候 core 我就单独发了一个包 写在实际项目里 读取线上 bad case. 然后做自迭代。 后面用起来实在不得劲 又加了一个 electron 版本。 兼容了一下 cc 和 codex 的 plugin 。 刚才准备更一个 plugin 来用 突然发现又一点 surprise 。 因为想给几个好朋友内测一下。之前又个前端朋友给 tui 用的时候 feedback 不能选 element 让 ai 改样式不好用 准备做几个插件出来。 https://litter.catbox.moe/yt5n67.png https://litter.catbox.moe/19tbf0.png https://litter.catbox.moe/1zxal1.png 因为我的思路还是以前做圈选 选 element 的思路 然后发现 element 已经 out 了 直接也买呢选个框就行 内容什么的 element 自己底层拿到就好 配合一个多摸态 模型的话 应该样式 重叠 element 能改的更好了 https://github.com/cjhyy/codeshell 欢迎大家试用一下 还没有发 release 版本 想用的自己 bun run dev 一下
最开始写了一个 tui 简陋版本 然后 cc 的源码泄漏 看了下 cc 的代码 又迭代了一个版本 拆出来了 core 和 tui 。cc 的 tui 和 core 还是太耦合了 这个时候 core 我就单独发了一个包 写在实际项目里 读取线上 bad case. 然后做自迭代。 后面用起来实在不得劲 又加了一个 electron 版本。 兼容了一下 cc 和 codex 的 plugin 。 刚才准备更一个 plugin 来用 突然发现又一点 surprise 。 因为想给几个好朋友内测一下。之前又个前端朋友给 tui 用的时候 feedback 不能选 element 让 ai 改样式不好用 准备做几个插件出来。 https://litter.catbox.moe/yt5n67.png https://litter.catbox.moe/19tbf0.png https://litter.catbox.moe/1zxal1.png 因为我的思路还是以前做圈选 选 element 的思路 然后发现 element 已经 out 了 直接也买呢选个框就行 内容什么的 element 自己底层拿到就好 配合一个多摸态 模型的话 应该样式 重叠 element 能改的更好了 https://github.com/cjhyy/codeshell 欢迎大家试用一下 还没有发 release 版本 想用的自己 bun run dev 一下
最开始写了一个 tui 简陋版本 然后 cc 的源码泄漏 看了下 cc 的代码 又迭代了一个版本 拆出来了 core 和 tui 。cc 的 tui 和 core 还是太耦合了 这个时候 core 我就单独发了一个包 写在实际项目里 读取线上 bad case. 然后做自迭代。 后面用起来实在不得劲 又加了一个 electron 版本。 兼容了一下 cc 和 codex 的 plugin 。 刚才准备更一个 plugin 来用 突然发现又一点 surprise 。 因为想给几个好朋友内测一下。之前又个前端朋友给 tui 用的时候 feedback 不能选 element 让 ai 改样式不好用 准备做几个插件出来。 https://litter.catbox.moe/yt5n67.png https://litter.catbox.moe/19tbf0.png https://litter.catbox.moe/1zxal1.png 因为我的思路还是以前做圈选 选 element 的思路 然后发现 element 已经 out 了 直接也买呢选个框就行 内容什么的 element 自己底层拿到就好 配合一个多摸态 模型的话 应该样式 重叠 element 能改的更好了 https://github.com/cjhyy/codeshell 欢迎大家试用一下 还没有发 release 版本 想用的自己 bun run dev 一下
最开始写了一个 tui 简陋版本 然后 cc 的源码泄漏 看了下 cc 的代码 又迭代了一个版本 拆出来了 core 和 tui 。cc 的 tui 和 core 还是太耦合了 这个时候 core 我就单独发了一个包 写在实际项目里 读取线上 bad case. 然后做自迭代。 后面用起来实在不得劲 又加了一个 electron 版本。 兼容了一下 cc 和 codex 的 plugin 。 刚才准备更一个 plugin 来用 突然发现又一点 surprise 。 因为想给几个好朋友内测一下。之前又个前端朋友给 tui 用的时候 feedback 不能选 element 让 ai 改样式不好用 准备做几个插件出来。 https://litter.catbox.moe/yt5n67.png https://litter.catbox.moe/19tbf0.png https://litter.catbox.moe/1zxal1.png 因为我的思路还是以前做圈选 选 element 的思路 然后发现 element 已经 out 了 直接也买呢选个框就行 内容什么的 element 自己底层拿到就好 配合一个多摸态 模型的话 应该样式 重叠 element 能改的更好了 https://github.com/cjhyy/codeshell 欢迎大家试用一下 还没有发 release 版本 想用的自己 bun run dev 一下
最开始写了一个 tui 简陋版本 然后 cc 的源码泄漏 看了下 cc 的代码 又迭代了一个版本 拆出来了 core 和 tui 。cc 的 tui 和 core 还是太耦合了 这个时候 core 我就单独发了一个包 写在实际项目里 读取线上 bad case. 然后做自迭代。 后面用起来实在不得劲 又加了一个 electron 版本。 兼容了一下 cc 和 codex 的 plugin 。 刚才准备更一个 plugin 来用 突然发现又一点 surprise 。 因为想给几个好朋友内测一下。之前又个前端朋友给 tui 用的时候 feedback 不能选 element 让 ai 改样式不好用 准备做几个插件出来。 https://litter.catbox.moe/yt5n67.png https://litter.catbox.moe/19tbf0.png https://litter.catbox.moe/1zxal1.png 因为我的思路还是以前做圈选 选 element 的思路 然后发现 element 已经 out 了 直接也买呢选个框就行 内容什么的 element 自己底层拿到就好 配合一个多摸态 模型的话 应该样式 重叠 element 能改的更好了 https://github.com/cjhyy/codeshell 欢迎大家试用一下 还没有发 release 版本 想用的自己 bun run dev 一下
最开始写了一个 tui 简陋版本 然后 cc 的源码泄漏 看了下 cc 的代码 又迭代了一个版本 拆出来了 core 和 tui 。cc 的 tui 和 core 还是太耦合了 这个时候 core 我就单独发了一个包 写在实际项目里 读取线上 bad case. 然后做自迭代。 后面用起来实在不得劲 又加了一个 electron 版本。 兼容了一下 cc 和 codex 的 plugin 。 刚才准备更一个 plugin 来用 突然发现又一点 surprise 。 因为想给几个好朋友内测一下。之前又个前端朋友给 tui 用的时候 feedback 不能选 element 让 ai 改样式不好用 准备做几个插件出来。 https://litter.catbox.moe/yt5n67.png https://litter.catbox.moe/19tbf0.png https://litter.catbox.moe/1zxal1.png 因为我的思路还是以前做圈选 选 element 的思路 然后发现 element 已经 out 了 直接也买呢选个框就行 内容什么的 element 自己底层拿到就好 配合一个多摸态 模型的话 应该样式 重叠 element 能改的更好了 https://github.com/cjhyy/codeshell 欢迎大家试用一下 还没有发 release 版本 想用的自己 bun run dev 一下
最开始写了一个 tui 简陋版本 然后 cc 的源码泄漏 看了下 cc 的代码 又迭代了一个版本 拆出来了 core 和 tui 。cc 的 tui 和 core 还是太耦合了 这个时候 core 我就单独发了一个包 写在实际项目里 读取线上 bad case. 然后做自迭代。 后面用起来实在不得劲 又加了一个 electron 版本。 兼容了一下 cc 和 codex 的 plugin 。 刚才准备更一个 plugin 来用 突然发现又一点 surprise 。 因为想给几个好朋友内测一下。之前又个前端朋友给 tui 用的时候 feedback 不能选 element 让 ai 改样式不好用 准备做几个插件出来。 https://litter.catbox.moe/yt5n67.png https://litter.catbox.moe/19tbf0.png https://litter.catbox.moe/1zxal1.png 因为我的思路还是以前做圈选 选 element 的思路 然后发现 element 已经 out 了 直接也买呢选个框就行 内容什么的 element 自己底层拿到就好 配合一个多摸态 模型的话 应该样式 重叠 element 能改的更好了 https://github.com/cjhyy/codeshell 欢迎大家试用一下 还没有发 release 版本 想用的自己 bun run dev 一下
最开始写了一个 tui 简陋版本 然后 cc 的源码泄漏 看了下 cc 的代码 又迭代了一个版本 拆出来了 core 和 tui 。cc 的 tui 和 core 还是太耦合了 这个时候 core 我就单独发了一个包 写在实际项目里 读取线上 bad case. 然后做自迭代。 后面用起来实在不得劲 又加了一个 electron 版本。 兼容了一下 cc 和 codex 的 plugin 。 刚才准备更一个 plugin 来用 突然发现又一点 surprise 。 因为想给几个好朋友内测一下。之前又个前端朋友给 tui 用的时候 feedback 不能选 element 让 ai 改样式不好用 准备做几个插件出来。 https://litter.catbox.moe/yt5n67.png https://litter.catbox.moe/19tbf0.png https://litter.catbox.moe/1zxal1.png 因为我的思路还是以前做圈选 选 element 的思路 然后发现 element 已经 out 了 直接也买呢选个框就行 内容什么的 element 自己底层拿到就好 配合一个多摸态 模型的话 应该样式 重叠 element 能改的更好了 https://github.com/cjhyy/codeshell 欢迎大家试用一下 还没有发 release 版本 想用的自己 bun run dev 一下
最开始写了一个 tui 简陋版本 然后 cc 的源码泄漏 看了下 cc 的代码 又迭代了一个版本 拆出来了 core 和 tui 。cc 的 tui 和 core 还是太耦合了 这个时候 core 我就单独发了一个包 写在实际项目里 读取线上 bad case. 然后做自迭代。 后面用起来实在不得劲 又加了一个 electron 版本。 兼容了一下 cc 和 codex 的 plugin 。 刚才准备更一个 plugin 来用 突然发现又一点 surprise 。 因为想给几个好朋友内测一下。之前又个前端朋友给 tui 用的时候 feedback 不能选 element 让 ai 改样式不好用 准备做几个插件出来。 https://litter.catbox.moe/yt5n67.png https://litter.catbox.moe/19tbf0.png https://litter.catbox.moe/1zxal1.png 因为我的思路还是以前做圈选 选 element 的思路 然后发现 element 已经 out 了 直接也买呢选个框就行 内容什么的 element 自己底层拿到就好 配合一个多摸态 模型的话 应该样式 重叠 element 能改的更好了 https://github.com/cjhyy/codeshell 欢迎大家试用一下 还没有发 release 版本 想用的自己 bun run dev 一下
又在反复造轮子 给他加了个播放列表功能 怎么这么简陋的东西都没有 是不是这类软件这个东西是比较冷门的呀 有更好的项目吗 15 个帖子 - 9 位参与者 阅读完整话题
这个客户端UI各位佬都是怎么解决的，这个UI写的甚至可以说是简陋（还不如AI味呢）。尝试过先用image2生成的图片作为设计图然后让他写，但可能是我拆设计风格的能力还比较差（有没有什么好的办法或者skill能帮忙拆的），同时gpt也不能完全还原图内容，两个加在一起最后的结果就很差了。想问问各位佬是怎么解决的 4 个帖子 - 3 位参与者 阅读完整话题
看到佬们用ai自己开发的一页网页ui效果是真好看,我自己用codex写,生成的给我的感觉很简陋,一点也不精致,想问问佬们,是得用claude吗,还是我用法不对 11 个帖子 - 11 位参与者 阅读完整话题
本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容： 我的帖子已经打上 开源推广 标签： 是 我的开源项目完整开源，无未开源部分： 是 我的开源项目已链接认可 LINUX DO 社区： 是 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是 以上选择我承诺是永久有效的，接受社区和佬友监督： 是 以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出 介绍 一个简陋的只支持 response 接口的 gpt image 2 的商品生图工作台， 也可当单纯的生图客户端使用 所有代码由 gpt-5.5 编写 所以前端写的要疯了, 卡片奇异的大小和位置, 文案铺满各个角落 引导部分没有做完, 请不要使用 目前只有两个形式, 一个是画布节点工作流(还很简陋, 正在补强中), 一个是直接文/图生图 画布 通过节点来控制生图流程， 现在暂时没有设计循环连接功能 暂时只有四种节点， 可在右侧工具栏添加 商品节点 画布创建时默认创建， 且不可删除， 可输入商品价类描述等等 文案节点 上游需接入商品节点， 根据商品信息和输入提示词来生成卖点文案， 标题等等 生图触发器节点 上游可接其他三种节点，上游所有信息会注入生图节点的上下文， 下游需接入参考图节点， 接入几个参考图就生成几张图片填充下游的参考图节点， 也会加入右侧图片栏 参考图节点 可选择使用生图节点生图填充，也可上传图片或右侧图片栏内图片进行填充， 可作为下游生图节点的参考图进行图生图 文/图生图 项目还支持直接的文生图 可在侧边栏选择预设画幅或者自定义宽高(但是实测 4k 分辨率在codex反代情况下会断流不可用) 可支持单次生成至多 4 张候选图 可以根据生成的候选图作为当前参考图进行下一轮的图生图 心仪的图片可直接推送到已有商品 自部署和配置 首先 clone 仓库并配置必要的 env git clone https://github.com/yuqie6/ProductFlow.git cd ProductFlow cp .env.example .env 至少修改以下四个字段 ADMIN_ACCESS_KEY=replace-with-a-long-random-admin-key # 前端登录 token SETTINGS_ACCESS_TOKEN=replace-with-a-separate-settings-token # 前端设置页 token SESSION_SECRET=replace-with-another-long-random-session-secret # 签名 cookie 拼接的随机字符串 POSTGRES_PASSWORD=replace-with-a-random-postgres-password # 数据库密码 随后可选 docker 或源码运行, 源码启动详见项目 readme 其余大部分字段可在前端配置页面修改, 例如文案供应商和生图供应商, 暂时只支持 openai 的 response 接口 docker compose 项目支持使用docker 一键启动 docker compose up -d --build 体验站 总任务上限是 5 接的是我省吃俭用自费的 8 个plus, 不要用于 nsfw draw.devbin.de ProductFlow 自托管商品素材工作台：guided onboarding、ProductFlow workbench、AI 文案、参考图和节点式生图。 经我实测, sub 2的画图计费有问题, 现在只会计算model use token, 但是实际上, 画图模型的实际调用token是在took use token里面的, 一张 1k 图需要 2k tokens左右, 也就是 8 美分左右, 2k根据像素点推测应该是 2 毛钱左右 所以这个体验站的号池可能禁不起佬友们造的, 就当看看有啥功能吧 access token: YTRQSVVjMDdEQkZucnh1N214MnFoX2FVV09XUVZYNlc= 需要base 64 解码之后使用 项目地址 github.com GitHub - yuqie6/ProductFlow: Self-hosted AI product content workflow for copy,... Self-hosted AI product content workflow for copy, posters, and product workbench automation 1 个帖子 - 1 位参与者 阅读完整话题
简单试了下天气卡片，中文英文都试了，太简陋了： 中文： 创建一个包含 CSS 和 JavaScript 的单一 HTML 文件，用于生成动画天气卡片。卡片应该通过不同的动画直观地表示以下天气状况： 风：（例如，移动的云朵、摇摆的树木或风线） 雨：（例如，下落的雨滴、形成的水坑） 阳光：（例如，闪耀的光线、明亮的背景） 雪：（例如，下落的雪花、积累的雪） 所有天气卡片应并排显示，卡片应该有深色背景。 在这个单一文件中提供所有 HTML 、CSS 和 JavaScript 代码。JavaScript 应该包含一种切换不同天气状况的方式（例如，一个函数或一组按钮）以展示每种天气的动画效果。 英文： Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.
简单试了下天气卡片，中文英文都试了，太简陋了： 中文： 创建一个包含 CSS 和 JavaScript 的单一 HTML 文件，用于生成动画天气卡片。卡片应该通过不同的动画直观地表示以下天气状况： 风：（例如，移动的云朵、摇摆的树木或风线） 雨：（例如，下落的雨滴、形成的水坑） 阳光：（例如，闪耀的光线、明亮的背景） 雪：（例如，下落的雪花、积累的雪） 所有天气卡片应并排显示，卡片应该有深色背景。 在这个单一文件中提供所有 HTML 、CSS 和 JavaScript 代码。JavaScript 应该包含一种切换不同天气状况的方式（例如，一个函数或一组按钮）以展示每种天气的动画效果。 英文： Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.
简单试了下天气卡片，中文英文都试了，太简陋了： 中文： 创建一个包含 CSS 和 JavaScript 的单一 HTML 文件，用于生成动画天气卡片。卡片应该通过不同的动画直观地表示以下天气状况： 风：（例如，移动的云朵、摇摆的树木或风线） 雨：（例如，下落的雨滴、形成的水坑） 阳光：（例如，闪耀的光线、明亮的背景） 雪：（例如，下落的雪花、积累的雪） 所有天气卡片应并排显示，卡片应该有深色背景。 在这个单一文件中提供所有 HTML 、CSS 和 JavaScript 代码。JavaScript 应该包含一种切换不同天气状况的方式（例如，一个函数或一组按钮）以展示每种天气的动画效果。 英文： Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.
简单试了下天气卡片，中文英文都试了，太简陋了： 中文： 创建一个包含 CSS 和 JavaScript 的单一 HTML 文件，用于生成动画天气卡片。卡片应该通过不同的动画直观地表示以下天气状况： 风：（例如，移动的云朵、摇摆的树木或风线） 雨：（例如，下落的雨滴、形成的水坑） 阳光：（例如，闪耀的光线、明亮的背景） 雪：（例如，下落的雪花、积累的雪） 所有天气卡片应并排显示，卡片应该有深色背景。 在这个单一文件中提供所有 HTML 、CSS 和 JavaScript 代码。JavaScript 应该包含一种切换不同天气状况的方式（例如，一个函数或一组按钮）以展示每种天气的动画效果。 英文： Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.
简单试了下天气卡片，中文英文都试了，太简陋了： 中文： 创建一个包含 CSS 和 JavaScript 的单一 HTML 文件，用于生成动画天气卡片。卡片应该通过不同的动画直观地表示以下天气状况： 风：（例如，移动的云朵、摇摆的树木或风线） 雨：（例如，下落的雨滴、形成的水坑） 阳光：（例如，闪耀的光线、明亮的背景） 雪：（例如，下落的雪花、积累的雪） 所有天气卡片应并排显示，卡片应该有深色背景。 在这个单一文件中提供所有 HTML 、CSS 和 JavaScript 代码。JavaScript 应该包含一种切换不同天气状况的方式（例如，一个函数或一组按钮）以展示每种天气的动画效果。 英文： Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.
简单试了下天气卡片，中文英文都试了，太简陋了： 中文： 创建一个包含 CSS 和 JavaScript 的单一 HTML 文件，用于生成动画天气卡片。卡片应该通过不同的动画直观地表示以下天气状况： 风：（例如，移动的云朵、摇摆的树木或风线） 雨：（例如，下落的雨滴、形成的水坑） 阳光：（例如，闪耀的光线、明亮的背景） 雪：（例如，下落的雪花、积累的雪） 所有天气卡片应并排显示，卡片应该有深色背景。 在这个单一文件中提供所有 HTML 、CSS 和 JavaScript 代码。JavaScript 应该包含一种切换不同天气状况的方式（例如，一个函数或一组按钮）以展示每种天气的动画效果。 英文： Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.