Vibe Coding-Web端UI分享Prompt 可复刻

博客 helson-lin.cn

designprompts 提供了 30 种设计风格,并且提供了 prompt,可以直接在 cc 或者 gemini 内使用,vibe coding 出漂亮的 ui 界面。

风格预览

neo-brutalism

professional

使用教程(claude code 为例)

选择一个你喜欢的主题样式,点击右上角"Get Prompt",然后复制弹窗内的 prompt。

在终端内打开项目(项目路径在),输入claude , 然后/init ,初始化 CLAUDE.md ,初始化完成会在项目根目录下新增一个CLAUDE.md文件。

如果你没有claude ,先去安装一下 claude code。这里不多阐述。

在编辑器内打开 CLAUDE.md 文件,将复制的 prompt,粘贴到顶部。

下面就可以在claude code 内让 ai 帮你重构页面。重构完的效果基本和网站分享的出入不大。

相关推荐
forest_091 天前
《大模型原理通俗讲》系列 00|开篇 大模型到底是怎么回事
人工智能·python·prompt·agi
2601_962885721 天前
把行情 DataFrame 喂给 ChatGPT/Claude 分析:prompt 工作流
chatgpt·prompt
A-刘晨阳1 天前
同一句需求优化前后差多少?Prompt Optimizer先整理提示词,再用同一个模型直接对比结果
运维·prompt·cpolar
“AI国潮设计-小江”2 天前
【AIGC实战】Python+SDXL打造“潮汕英歌舞IP”万能立牌插件,批量生成“发财元宝蛋糕”视觉营销方案(附源码)
开发语言·人工智能·python·prompt·aigc
刘胡子大叔2 天前
用 system_prompt 控制智能体说话风格
人工智能·prompt
forest_093 天前
用Python复刻ClaudeDuet:主动式Agent四件套,定时晨报、后台巡检、危险动作审批(附完整可运行代码)
人工智能·python·架构·prompt·agi
“AI国潮设计-小江”3 天前
AIGC实战:Python+SDXL批量生成英歌舞IP立牌,解锁猪猪蛋糕“反差萌”流量密码(附完整API源码)
开发语言·人工智能·python·prompt·aigc
“AI国潮设计-小江”4 天前
【AIGC实战】Python+SDXL批量生成“潮汕英歌舞不倒翁”IP | 角色一致性与多场景融合方案,附完整代码
开发语言·人工智能·python·prompt·aigc
lazy熊4 天前
Prompt 优化不是写得更长,而是把上下文分层给 AI
人工智能·prompt
forest_094 天前
Agent 系列 21|部署、发布与运维:把 Agent 变成一个能上线、能放量、能撤回的服务
人工智能·机器学习·架构·prompt·agi