vibe-coding-website
产品介绍
**Skill 名称**:Vibe Coding 意念建站全流程 **一句话概括**:纯小白零基础做 AI 网站,不用懂代码,9 个阶段从 0 到上线,AI 当教练一步一步带你做。 --- ### 这个 Skill 解决什么问题? 你想做一个能正式上线、能赚钱的 AI 网站,但不知道从哪下手?直接让 AI 写代码,结果做出来的东西四不像?改了又改,最后还是跑不起来? 这个 Skill 把 "做网站" 拆成**9 个标准化阶段**,每个阶段有明确的步骤、可复制的 prompt 模板、检查清单和避坑提示。你只负责想、说、判断,所有技术活全让 AI 干。 ### 你只需要做 3 件事 1. **想清楚要什么**—— 用大白话描述,说不清就找参考图 2. **告诉 AI**—— 复制 Skill 里的 prompt 模板,回答 AI 的问题 3. **判断好不好**—— 看 AI 做出来的东西,说 "这个好"" 那个不对 " 你不需要懂:编程、服务器、数据库、API、部署、网络配置。你唯一需要的能力:会说话、会判断好看不好看、会用复制粘贴。 ### 9 阶段全流程 ``` 00 新手引导 → 01 品牌访谈 → 02 PRD生成 → 03 设计方案 → 04 前端生成 ↓ 09 持续维护 ← 08 国内部署 ← 07 审计质检 ← 06 本地测试 ← 05 后端生成 ``` 表格 | 阶段 | 你干什么 | AI 干什么 | 时间 | | --- | --- | --- | --- | | 00 新手引导 | 跟着 AI 走 | 当教练带你全程 | 全程 | | 01 品牌访谈 | 回答 AI 的问题 | 结构化提问,整理需求 | 20 分钟 | | 02 PRD 生成 | 确认功能清单 | 写功能文档 + 验收标准 | 15 分钟 | | 03 设计方案 | 挑配色、找参考图 | 出设计规范 + 页面线框图 | 15 分钟 | | 04 前端生成 | 一个页面一个页面看 | 写可点击的网页代码 | 30-60 分钟 | | 05 后端生成 | 注册 AI 平台、拿密钥 | 写后台 + 对接大模型 | 30-60 分钟 | | 06 本地测试 | 自己点一遍,找 bug | 修 bug | 30 分钟 | | 07 审计质检 | 看审计报告,说 "修" | 安全 / SEO / 性能 / UX 检查 | 20 分钟 | | 08 国内部署 | 按引导一步步操作 | 给指令(买域名 / 备案 / 宝塔 / 上线) | 1-2 周 | | 09 持续维护 | 发现问题 / 想加功能 | 修 bug、加功能、换模型 | 长期 | ### 两种使用方式 **方式一:新手引导模式(推荐纯小白)** 输入 `/vibe新手入门`,AI 当你的教练,一步一步带你做。每步只做一件事,你做完说 "好了",再讲下一步。不用读任何文档,照着做就行。 **方式二:按阶段自己走** 从 01 开始,按顺序走,不要跳步。70% 的人失败都是因为跳过前 3 步直接让 AI 写代码。 ### 适用场景 - AI 聊天工具网站、AI 产品官网、SaaS 落地页 - 个人品牌站、作品集、课程售卖页 - 任何需要 "前端页面 + 后端 AI 对接 + 国内正式上线" 的网站 **不适用**:原生 App / 小程序(先做网页版)、复杂电商系统 ### 成本与时间 - **成本**:约 260 元 / 年起(域名 35-70 元 + 云服务器~200 元 + AI API 10 元起) - **时间**:3-5 天工作量 + 7-14 天备案等待(可并行优化) ### 包含的模板 - PRD 需求文档模板 - AGENTS.md 项目宪法模板 - 每个阶段独立的 SKILL.md 和 prompt 模板 ### 核心铁律(违反必翻车) 1. 本地没测好,绝不花钱买服务器、绝不备案 2. 7 成精力打磨测试,3 成精力上线操作 3. 一次只让 AI 做一个功能模块,不要一次全做 4. 密钥绝对不能放前台代码里,只能放后端环境变量 5. 商用网站必须用个体户营业执照备案,个人备案不能赚钱
资源信息
许可证信息摘自官方源,可能过时或缺失。商用前请以原仓库的 LICENSE 文件为准。
信息边界说明
本页信息摘自官方文档,仅作技术信息呈现,不代表本站的判断或推荐。价格、配额、可用性以官方最新说明为准。你离开本站后的任何行为(申请 Key、付费、部署、商用),本站不做任何承诺与担保。
同类推荐
编程专家Pro.Skill
官方未说明编程专家 Pro:融合编程专家 2.0.3 工程专题与编程大神的鸿蒙 ArkTS/ArkUI、微信小程序和小游戏开发资料。用于项目实现、根因调试、审查、重构、测试、架构性能分析及多端开发验证。支持自然语言和 @专题标识,按任务读取包内知识;只问概念时直接回答。
编程大神.Skill
官方未说明【全栈能力】编程大神.Skill:面向复杂真实项目的高阶全栈编程助手。不止生成代码,而是从一句目标接手陌生代码库,拆解需求、补齐实现、追到根因、完成重构、联调前后端,并把结果推进到能运行、能验证、能交付。覆盖 Web、后端、脚本、iOS、安卓、鸿蒙 ArkUI、微信小程序及其他技术栈,支持中英文工程、疑难 Bug、跨模块任务和长任务续做;用构建、日志、真实入口、设备或接口证据说明结果。仅问概念时直接回答,要求落地时持续推进到验收或明确阻塞。
编程专家.Skill
需申请 Key编程专家.Skill P8级编程助手,25年实战经验技能Skill,全栈:Java/Php网站/软件项目、API设计、Bug诊断、代码生成、代码审查、重构、测试用例、性能基准、技术选型、文档生成、任务拆解、Spec驱动、Karpathy规范、CMS二次开发、前端设计、MySQL/Mariadb、项目知识图谱,以及工程纪律层(根因调试硬闭环、阶段导航、事故复盘/SLO、威胁建模/供应链安全、生产就绪/渐进式发布、AI编码治理、面向Agent代码可读性、LLM应用安全)。支持 @标识 显式调用跳过路由。
编程专家.Skill
需申请 Key编程专家.Skill P8级编程助手,25年实战经验技能Skill,全栈:Java/Php网站/软件项目、API设计、Bug诊断、代码生成、代码审查、重构、测试用例、性能基准、技术选型、文档生成、任务拆解、Spec驱动、Karpathy规范、CMS二次开发、前端设计、MySQL/Mariadb、项目知识图谱,以及工程纪律层(根因调试硬闭环、阶段导航、事故复盘/SLO、威胁建模/供应链安全、生产就绪/渐进式发布、AI编码治理、面向Agent代码可读性、LLM应用安全)。支持 @标识 显式调用跳过路由。
罗斯蒙德开源项目快速上手
官方未说明【罗斯蒙德开源项目快速上手】南京罗斯蒙德基于已交付项目沉淀的开源项目快速上手场景:默认场景是「讲解整个项目」:给一个本地代码文件夹或仓库地址就直接开讲——先30秒最小扫描、不打断不等回复,一路产出必出五件套:一句话结论(值不值得用)、代码架构(分层+模块依赖+主调用链+扩展机制)、三级能力清单(带高频度与代码位置)、可运行带注释Demo、四段式踩坑点与上手全流程指南,每条结论挂 路径:行号。采用「假设确认表」告知而非卡流程——写一行假设就往下干,用户没回应也照出全量报告,把多轮沟通压缩为零。用户带着需求来时才额外启用「需求满足度评估」分支:先以批处理澄清表把需求歧义问清(≤5问/轮、带默认选项、≤3轮)并冻结需求基线,再逐项做代码审查,给出能否实现、修改位置(文件:行号)、工作量(档位+人日+估算依据)与不涵盖功能的补充方案。三条路由:只讲项目走主线,项目+需求走主线打底+评估,已有单点诉求只出评估。支持分析本地代码路径,无本地路径时联网检索官方文档与源码。触发词:讲解这个项目、解读这个仓库、这个代码是干嘛的、看看这个项目、快速上手、看源码、这个项目怎么用、代码架构、项目结构、核心功能、能力清单、生成 demo、写个示例、踩坑点、注意事项、上手指南、源码分析、依赖注入、开源项目、能不能支持、能不能实现、需要改哪里、改哪些地方、工作量多少、需求满足度、功能项评估、缺口分析、二次开发评估、代码审查。
Github
需申请 Key使用 `gh` CLI 与 GitHub 交互,通过 `gh issue`、`gh pr`、`gh run` 和 `gh api` 管理议题、PR、CI 运行及高级查询。
什么是技能
技能(Skill)是封装好的单项能力,比如文字识别、文档摘要、关键词提取。开发者把调用逻辑和提示词打包,使用者像用插件一样加载即可,无需了解底层模型。启枢技能 收录大量技能,可直接试跑或编入方案。