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

相关推荐
m0_603888711 天前
Mitigating Long-Tail Bias via Prompt-Controlled Diffusion Augmentation
ai·prompt·论文速览
手揽回忆怎么睡2 天前
一套 Prompt 组合
prompt
AI Echoes2 天前
LangChain Runnable组件重试与回退机制降低程序错误率
人工智能·python·langchain·prompt·agent
wasp5202 天前
Banana Slides 深度解析:AI Core 架构设计与 Prompt 工程实践
人工智能·prompt·bash
小明_GLC2 天前
大模型幻觉以及如何设计合适的prompt回答用户问题
人工智能·prompt
彷徨的蜗牛2 天前
用 Claude Code 重新定义编程效率:从 Prompt 工程到完整项目实战
prompt·ai 编程·claude code
石去皿3 天前
Depth Viewer: 16-bit 深度图可视化工具
人工智能·chatgpt·prompt
猫头虎3 天前
2026全网最热Claude Skills工具箱,GitHub上最受欢迎的7大Skills开源AI技能库
langchain·开源·prompt·github·aigc·ai编程·agi
伊甸33 天前
基于LangChain4j从0到1搭建自己的的AI智能体并部署上线-1
java·langchain·prompt
汉克老师3 天前
小学生0基础学大语言模型应用(第 19 课《字符串提示词训练(Prompt Thinking)》)
人工智能·深度学习·机器学习·语言模型·prompt·提示词