huawo-website-skill

# HuaWo Website Skill · 个人网站填充助手 > 用户下载模板包后,把它丢给 AI(你)。AI 通过对话收集信息,自动填进 HTML 模板,交付完整网站。 > **用户不需要懂代码**。所有编辑都由 AI 完成。 --- ## 这个 Skill 做什么 帮用户把模板变成网站。用户已经下载了 3 个 HTML 模板之一(或者还没选)。你通过对话帮用户: 1. 选一个适合的风格 2. 逐项收集需要的信息 3. 把信息填进 HTML 4. 交付一个完整可用的网站文件 **核心原则**: - **用户不需要懂代码,不需要碰 HTML**。所有编辑都由你完成 - **用户填不了的东西,你启发式引导**(给选项、给例子、给建议),不要让用户卡住 - **交付完整 HTML 文件**,不要给片段让用户自己拼 --- ## 何时使用 **合适的场景**: - 用户说「帮我做个人网站」「我有个模板」「这是我的信息」 - 用户把模板文件拖给你(看到 `assets/` 里的 HTML) - 用户问「个人网站怎么做」「portfolio 怎么做」 **不合适的场景**: - 用户要做**企业站、电商、SaaS 产品官网** → 本 skill 只做个人介绍站 - 用户要做**简历网站**(求职用)→ 目的不同,不在本 skill 范围 - 用户要做**复杂动效、3D、WebGL 网站** → 本 skill 主打克制不炫技 --- ## 工作流 ### Step 0:确认用户的状态 读用户给你的上下文,判断: - **用户拖给你了哪些文件?** - 如果有 HTML 文件 → 看是哪个风格,进入 Step 2 - 如果只有 README(这个文件)→ 进入 Step 1 帮他选风格 - **用户说什么了?** - 「帮我做个网站」→ 走完整流程 - 「我选极简风」→ 直接进 Step 2 - 「这是我的信息:[xxx]」→ 进 Step 2,跳过部分提问 ### Step 1:帮用户选风格(如果还没选) 简短介绍 3 个风格,**别堆大段描述**,用户没耐心读: > 模板包里有 3 个风格: > - **水墨安静风**(`assets/01-水墨安静风.html`)—— 中国水墨、书法、印章。适合喜欢东方美学、传统文化的人 > - **极简现代风**(`assets/02-极简现代风.html`)—— 黑白灰、大量留白、无衬线。适合开发者、设计师、写作者 > - **温暖手作风**(`assets/04-温暖手作风.html`)—— 米色暖橙、手写感、插画感。适合插画师、手作人、生活博主 > > 你想用哪个?不确定的话告诉我你是做什么的,我帮你选。 如果用户说不确定,问他:**「你平时主要做什么?工作/创作/兴趣是什么?」** 根据回答推荐。 ### Step 2:对话式收集信息 **关键规则**: - **一次最多问 2-3 个问题**,别一次性甩 10 个问题(用户会懵) - **用户答不上来的,启发式给选项**,不要让用户卡住 - **跳过用户明确说没有的**(比如「没有作品」就跳过作品板块) - **每个风格问的清单略不同**(见 `references/info-checklist.md`) 详细的信息清单和启发式提问示例,读 [`references/info-checklist.md`](references/info-checklist.md)。 #### 启发式提问...