首页
/
工具详情
vibeprompts.dev
平台介绍
面向Vibe‑Coding 氛围编程的前端风格提示词静态资源站，专门提供网页 UI 设计风格 Prompt，用于给v0、Bolt.new、Trae等 AI 代码生成工具使用，静态网页，无需后端账号登录。
主要功能
- 可视化风格卡片预览，涵盖极简、赛博、玻璃拟态、粗野、Neumorphism 等网页 UI 风格
- 一键复制完整风格 Prompt，包含配色、排版、组件、交互细节描述
- 支持筛选、搜索风格；部分风格附带示例预览效果
- 复制后的提示词直接粘贴到 AI 编码工具，约束 AI 输出对应视觉风格的前端代码
适用人群
- 前端开发者、独立开发者，做 AI 快速原型（vibe coding）
- 不会写复杂 UI 提示词，希望 AI 直接产出好看网页界面
- 使用 v0、Bolt.new、Trae、Cursor 等 AI 编码工具的用户
免费付费情况
- 完全免费，无付费版本，无定价页面，全部提示词直接复制使用，无需注册、无需付费。
如何使用
- 打开 https://vibeprompts.dev/
- 浏览风格卡片，看预览效果挑选目标 UI 风格
- 点击卡片复制完整 prompt 文本
- 打开 AI 代码工具（v0 / bolt.new / trae），把复制的风格提示词追加到你的业务需求描述后面，发送给 AI 生成代码。
注意事项
- 海外静态站点，国内直连可能加载慢、图片预览打不开，建议优化网络环境
- 输出为英文提示词，粘贴给 AI 编码工具，中英文模型均可识别
- 仅提供UI 风格约束，不包含业务逻辑，需要自己补充业务需求
- 不同 AI 模型对 prompt 理解有差异，同一份提示词产出效果会浮动，需要微调
- 网站无账号、无收藏功能，喜欢的提示词建议本地复制保存
- 仅用于前端网页风格，不适合图片、视频生成场景
暂无评论