萌趣风人物小站生成
Overview
此 skill 将一套完整的"萌趣风"网页设计体系模板化：粉紫马卡龙配色、波点背景、圆角糖果色卡片、emoji 布局装饰、漂浮装饰动画、滚动入场和点击头像彩蛋。核心资产是一个带占位符的完整 HTML 模板和一份设计规范，生成时只需替换内容、按需增删板块，即可产出风格一致的新页面。
使用时机
触发场景：为人物（明星/宠物/朋友/虚拟角色/自己）或主题（店铺、爱好、作品集）制作可爱风单页介绍站；复刻"萌趣小站"风格。
资源
assets/template.html— 完整可运行的页面模板，内含{{占位符}}标记。以此为基础修改，不要从零重写 CSS/JS。references/style-guide.md— 设计规范（配色变量、造型语言、动效清单、emoji 规则、文案口吻）。生成前先读一遍，填充内容时严格遵守。
工作流程
- 收集内容。确定：人物/主题名、头衔亮点、头像图（用户提供图片则转为 base64 内联；没有则用大号 emoji 代替 img）、基本信息字段、时间线事件、作品/成果清单、荣誉、特色板块（副业/爱好等）。资料不足时基于常识补全通用结构并用占位内容标注，提醒用户替换。
- 复制模板。将
assets/template.html复制到输出位置（命名如{{人物名}}_萌趣小站.html），然后逐一替换{{占位符}}。 - 板块裁剪（按内容需要）：
- 保留：nav、hero、footer 为必选。
- 数据泡泡（stats）：4~6 个，无量化数据可整块删除。
- 档案（grid）：3~9 个键值卡。
- 时光轴（timeline）：按时间正序，每个事件配贴合的 emoji 圆点。
- 作品（works）：可有多个 work-group 分组；宠物/店铺等无作品可改为"日常瞬间""招牌产品"。
- 荣誉（honors）、小事业（biz）：无则删除，nav 中对应锚点 chip 一并删除。
- 增加新板块时复用.grid/.works/.biz现有样式，不新造组件。 - 主题化调整（可选）：整体换色时只改
:root变量和波点颜色、阴影色，参考 style-guide；漂浮 emoji 池和点击彩蛋 emoji 池按主题替换。 - 质量检查：
- 所有 emoji 与内容强相关；
- 锚点 id 与 nav chip 的 href 一一对应；
- 确认prefers-reduced-motion媒体查询未被删除；
- 手机宽度（≤720px）下布局不破；
- 文件为单文件、无外链依赖，双击即可打开。 - 交付。生成后用 present_files 展示 HTML 文件，附一句话说明板块构成。
硬性规则
- 不要把 CSS/JS 拆成外部文件——必须保持单 HTML 文件。
- 不要改动动效参数（动画时长、漂浮频率、循环彩色边框的 nth-child 写法），它们是这套风格的核心签名。
- 文字颜色只用
--ink/--ink-soft，禁止纯黑冷灰。 - 内容事实有据可依（公开资料），不编造获奖、作品等可验证事实；不确定的信息用模糊表述。
