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 帮你重构页面。重构完的效果基本和网站分享的出入不大。

相关推荐
打工仔折腾 AI12 小时前
System Prompt 替代 Few-shot:用规则约束大模型输出的省钱实践
java·人工智能·python·spring·langchain·prompt·ai agent 实战
镜舟科技12 小时前
从 StarRocks 到 MIP:数据平台的下一步是“理解”
starrocks·sql·ai·prompt·agent·context·mip
“AI国潮设计-小江”1 天前
《Python+SDXL实战:用ControlNet精准控制“英歌舞翻糖吐司”构图,附批量生成脚本》
开发语言·人工智能·python·prompt·aigc
“AI国潮设计-小江”1 天前
《Python+SDXL实战:用ControlNet批量生成“英歌舞麻将糕”IP,附自动化脚本与商用思路》
开发语言·人工智能·python·prompt·aigc
c萱1 天前
AI产品经理——03Prompt Engineering提示词工程
ai·prompt·aigc·产品经理·ai编程·ai-native
“AI国潮设计-小江”2 天前
《Python+SDXL实战:用ControlNet批量生成“英歌舞草莓蛋糕”IP,附自动化脚本与商用思路》
开发语言·人工智能·python·prompt·aigc
“AI国潮设计-小江”2 天前
《Python+SDXL实战:用ControlNet精准控制“英歌舞戚风蛋糕”质感,附批量生成脚本》
开发语言·人工智能·python·prompt·aigc
看浪的路人3 天前
第2讲:Prompt 注入攻击原理与检测
prompt
山岚的运维笔记3 天前
ComfyUI NVIDIA安装教程:官方便携版下载+run_nvidia_gpu.bat启动,8G显存Windows实操
运维·服务器·windows·笔记·prompt·aigc·comfyui
Alice-YUE3 天前
提示词工程:工业级 Prompt 写法与分层组装
java·开发语言·大模型·prompt·提示词工程·system prompt