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