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

相关推荐
机构师11 小时前
AI编程实战:效率与成本,AI 编程的 ROI 怎么算
人工智能·prompt·ai编程·deepseek
bryant_meng15 小时前
【Codex】Part 19 — Codex Prompt Design Patterns
设计模式·prompt·playbook·结果优先·用证据定义完成
半兽先生18 小时前
生产级 Agent 如何防止 Prompt 注入?构建多层纵深防御体系
prompt
边吃番茄边敲代码19 小时前
企业智能助手Agent 安全测试,包含Prompt Injection 和越权工具调用
人工智能·python·功能测试·ai·单元测试·prompt·模块测试
catino2 天前
Prompt详解
人工智能·prompt
小白说大模型2 天前
Codex 实战:用 AI 写运维脚本
大数据·运维·网络·人工智能·机器学习·prompt
xierui1231233 天前
AI创作工作流状态管理:为什么保存 Prompt仍然无法复现作品
人工智能·自动化·prompt·aigc·软件工程
喜欢吃豆3 天前
GEO 到底怎么做?从 Prompt 研究到 AI Citation 的完整落地方法
人工智能·prompt
yingyuecom3 天前
映悦AI × Joverse全球发布:四大重磅更新,AI创作进入工业化时代
人工智能·gpt·chatgpt·prompt·aigc
我有满天星辰3 天前
Spring AI Prompt 实战:System Prompt、User Prompt 与 PromptTemplate
人工智能·spring·prompt