← Back to home
Skill

vibe-coding-website

tencent_skillhub · 1.0.0 · Downloads 128 · Heat 37.1

Introduction

**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. 商用网站必须用个体户营业执照备案,个人备案不能赚钱

Resource Information

Author:user_18e00e5e
Category:Dev Tools
Version:1.0.0
Auth: Required
Pricing: Not specifiedAPI key required

License information is collected from official sources and may be outdated or missing. Refer to the LICENSE file in the original repository before commercial use.

Tags
代码生成前端开发后端开发

Information boundary

Information on this page is collected from official documents for technical presentation only and does not imply our endorsement. Pricing, quotas and availability are subject to the latest official statements. We make no commitment regarding any action you take after leaving this site.

Similar skills

编程专家Pro.Skill

Not specified

编程专家 Pro:融合编程专家 2.0.3 工程专题与编程大神的鸿蒙 ArkTS/ArkUI、微信小程序和小游戏开发资料。用于项目实现、根因调试、审查、重构、测试、架构性能分析及多端开发验证。支持自然语言和 @专题标识,按任务读取包内知识;只问概念时直接回答。

编程大神.Skill

Not specified

【全栈能力】编程大神.Skill:面向复杂真实项目的高阶全栈编程助手。不止生成代码,而是从一句目标接手陌生代码库,拆解需求、补齐实现、追到根因、完成重构、联调前后端,并把结果推进到能运行、能验证、能交付。覆盖 Web、后端、脚本、iOS、安卓、鸿蒙 ArkUI、微信小程序及其他技术栈,支持中英文工程、疑难 Bug、跨模块任务和长任务续做;用构建、日志、真实入口、设备或接口证据说明结果。仅问概念时直接回答,要求落地时持续推进到验收或明确阻塞。

编程专家.Skill

API key required

编程专家.Skill P8级编程助手,25年实战经验技能Skill,全栈:Java/Php网站/软件项目、API设计、Bug诊断、代码生成、代码审查、重构、测试用例、性能基准、技术选型、文档生成、任务拆解、Spec驱动、Karpathy规范、CMS二次开发、前端设计、MySQL/Mariadb、项目知识图谱,以及工程纪律层(根因调试硬闭环、阶段导航、事故复盘/SLO、威胁建模/供应链安全、生产就绪/渐进式发布、AI编码治理、面向Agent代码可读性、LLM应用安全)。支持 @标识 显式调用跳过路由。

罗斯蒙德开源项目快速上手

Not specified

【罗斯蒙德开源项目快速上手】南京罗斯蒙德基于已交付项目沉淀的开源项目快速上手场景:默认场景是「讲解整个项目」:给一个本地代码文件夹或仓库地址就直接开讲——先30秒最小扫描、不打断不等回复,一路产出必出五件套:一句话结论(值不值得用)、代码架构(分层+模块依赖+主调用链+扩展机制)、三级能力清单(带高频度与代码位置)、可运行带注释Demo、四段式踩坑点与上手全流程指南,每条结论挂 路径:行号。采用「假设确认表」告知而非卡流程——写一行假设就往下干,用户没回应也照出全量报告,把多轮沟通压缩为零。用户带着需求来时才额外启用「需求满足度评估」分支:先以批处理澄清表把需求歧义问清(≤5问/轮、带默认选项、≤3轮)并冻结需求基线,再逐项做代码审查,给出能否实现、修改位置(文件:行号)、工作量(档位+人日+估算依据)与不涵盖功能的补充方案。三条路由:只讲项目走主线,项目+需求走主线打底+评估,已有单点诉求只出评估。支持分析本地代码路径,无本地路径时联网检索官方文档与源码。触发词:讲解这个项目、解读这个仓库、这个代码是干嘛的、看看这个项目、快速上手、看源码、这个项目怎么用、代码架构、项目结构、核心功能、能力清单、生成 demo、写个示例、踩坑点、注意事项、上手指南、源码分析、依赖注入、开源项目、能不能支持、能不能实现、需要改哪里、改哪些地方、工作量多少、需求满足度、功能项评估、缺口分析、二次开发评估、代码审查。

Bonsai · 本地小模型运行时

Marked free

本地运行 27B 级大模型的完整工具链(脚本 + 文档 + 社区跑分)。核心是 Bonsai 2 27B:三元权重只占 5.9 GB,却保留 98.2% 的 FP16 智能,笔记本或单卡就能跑。支持视觉理解(照片 / 截图 / PDF)、原生 OpenAI 风格 tool_calls 与 MCP、262K 上下文,跨 Metal / CUDA / Vulkan / ROCm / CPU。Apache-2.0。

纸质表单电子化系统生成器

Not specified

读取用户提示词和上传的业务附件,自动识别业务类型、字段、公式、流程、权限和报表规则,生成对应的完整本地部署 Python Web 系统。支持能源、点工、生产、质量、设备、库存、审批及组合业务,并交付完整源码、SQLite 数据库、导入导出、权限审计、备份恢复和 Windows EXE 打包代码。 生产日报与班报系统 质量问题与整改闭环系统 设备点检、保养与维修系统 库存管理与采购预警系统 考勤与交接班系统 安全巡检与隐患整改系统 会议任务跟踪与闭环系统 自定义业务台账、审批流程和管理看板 系统采用通用的 business-system-blueprint.json 业务蓝图进行配置,可根据不同电子档灵活定义数据实体、字段、页面、表单、角色权限、审批流程、统计指标、导入导出规则、审计策略和数据保留规则。 技能可连续完成电子档安全检查、结构分析、字段映射、系统生成、历史数据导入、自动测试和完整源码 ZIP 交付,不仅生成分析报告或静态演示页面。

What is a Skill

A Skill is a packaged single capability, such as text recognition, document summarization, or keyword extraction. Developers wrap the calling logic and prompts into a plugin-like unit, so users can load it without understanding the underlying model. StackPilot indexes a large number of skills that can be tried instantly or assembled into a plan.