Vibe Coding-Web端分享Prompt

Vibe Coding-Web端分享Prompt

 次点击
4 分钟阅读

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

风格预览

neo-brutalism

B71C60C2-AC12-426E-BF37-C2EC6B4C0A29.webp

professional

D56CD1D4-9684-4A58-8550-9B7F454F973E.webp

使用教程(claude code 为例)

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

34F6AE4C-8791-45C7-8E92-35C1394B8032.png

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

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

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

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

© 本文著作权归作者所有,未经许可不得转载使用。