技能介绍

它解决什么问题

用大模型生成个人主页的常见失败有两类：一类是“通用着陆页化”——输出的是功能堆砌的产品页，看不出这是谁；另一类是“模板拼装化”——排版、信息架构和图片链接都没经过验证，交付的代码跑不起来。这个技能把范围收窄到人物中心的页面：个人主页、作品集、简历页、创作者页、独立开发者页，以及以个人为核心的 AI 项目展示页，并在生成过程中回答五个问题：这是谁、做什么、有什么证据、为什么可信、访客下一步做什么。

它如何工作

支持两种模式：Homepage Mode 生成响应式的连续主页；Presentation Mode 生成固定 16:9、1920×1080 的 HTML 幻灯片，支持全屏播放与键盘导航。

核心规则包括：

参考优先：用户提供参考页、截图或既有 HTML 时，先解析其节奏、间距、排版气质、章节结构与交互模式，再考虑替代方案。
中文排版一等公民：中文文本使用 CJK 字体栈，不允许随机拉丁字体兜底。
图片必须验证：只用本地相对路径、授权远程资源或打磨过的占位符，不引用无法访问的绝对路径。
方向不明时先展示：用用户的真实姓名与内容生成 2-3 个真实 hero 预览，而不是空谈风格。
交付前验证：主页模式检查桌面/移动布局、溢出、资源与关键交互；演示模式走独立的确定性 QA 流程。

默认技术栈是 React + Tailwind CSS + Framer Motion + lucide-react，3D 可选 Three.js / React Three Fiber，轻量交付用原生 HTML/CSS/JavaScript。流程上先收集身份信息，再选择视觉方向，然后定义信息架构，最后生成可运行代码。个人内容有明确纪律：Bio 控制在 3-5 句；Highlights 只写真实数字或占位符；Skills 按能力分组并关联产出；Projects 必须包含个人角色与结果。每个独立 .html 交付物默认带一个左上角隐藏的编辑热区，通过 contenteditable + localStorage 持久化，Cmd/Ctrl+S 保存，并支持一键导出 HTML。