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

相关推荐
枫叶v.14 小时前
Prompt Injection 防不住怎么办?从 Source-Sink 模型设计 Agent 安全边界
数据库·安全·prompt
奈斯先生Vector17 小时前
解码 Midjourney V6 的精准控制力:从 customId 状态机制到 Web 端 Action 二次编辑工程全解析
前端·gpt·prompt·aigc·midjourney·ai编程·agi
xian_wwq19 小时前
【学习笔记】从 Prompt 到 Loop,AI 工程化的四次跃迁-1/16
笔记·学习·prompt
杰瑞学AI21 小时前
一个回答需要10分钟:飞书问答机器人踩坑实录——纯Agent自由检索,差点让我们的机器人“难产”
人工智能·机器人·prompt·transformer·飞书·ai-native
IT小盘21 小时前
16-Prompt版本管理-从手工修改到可追踪配置系统
开发语言·人工智能·python·prompt
IT小盘1 天前
13-企业Prompt模板-角色任务约束与输出格式
java·前端·prompt
IT小盘2 天前
14-让大模型稳定输出JSON-Prompt约束与结构化输出
windows·json·prompt
七夜zippoe3 天前
OpenClaw Prompt 工程:从角色设定到 Skill 封装的 Agent 输出质量方法论
java·服务器·prompt·openclaw·skill封装
神奇霸王龙3 天前
2026旗舰六阶段MCP流水线实战指南
人工智能·ai·ai作画·prompt·aigc·mcp
安逸sgr3 天前
如何减少 Prompt 引起的幻觉和答非所问?
人工智能·ai·大模型·prompt·agent·智能体