用途：构建一个自包含的 HTML 文件，让主题更清晰、更易用或更易理解。标准是一致用心，而非一致外观，不复制以往运行的配色、字体、卡片系统或布局。
主要能力：先按主要评审问题路由到最窄的技能——配色、字体、构图、主题或整体视觉基调未定时，阅读并组合 design-artifact；结构、信息层级、导航或任务流未定时，阅读并遵循 html-wireframe（保持明显低保真，可比较两三种布局方向）；需要精致模型或可交互流程时用 html-prototype；作品主要是计划、路线图、实施顺序或发布文档时用 html-plan；关系、时序、拓扑、状态、层级或系统行为是主要内容时用 html-diagram；报告、讲解、演示、落地页、数据故事、工具及混合作品则继续使用 html。若某专用技能不可用，应继续在此完成，不要让用户先安装其他技能。
使用方式：设计前先读需求与用户提供的材料；在仓库中查找 AGENTS.md、CLAUDE.md、设计系统文档、tokens、现有组件与邻近作品。权威顺序为：用户明确的视觉与功能指令、项目既定设计系统与惯例、主题与受众与目的、自身设计判断。编码前在工作笔记中确定五件事：受众与任务、形式、基调、保真度、交互。按需加载参考：文档与演示读 references/documents-and-presentations.md；界面与工具读 references/interfaces.md；图表读 references/diagrams.md；量化图表与数据读 references/charts-and-data.md。
构建约定：产出一个 .html 文件，必要 CSS 与 JavaScript 内联，可直接打开、无需构建步骤；除非用户允许外部依赖，否则不要求网络连接。使用真实内容，不用占位文案、装饰性统计或无效控件填充显眼空间。让内容决定结构，使用语义 HTML、响应式布局、可访问对比度、可见键盘焦点与减少动效处理，交互元素支持键盘。避免页面主体意外横向溢出。为所选方向定义少量 CSS tokens 并一致使用。动效只作解释或反馈。遵循用户或项目的主题策略。
完成与限制：将文件写到指定位置或当前工作区清晰文件名；有浏览器工具时打开并检查宽窄视口，测试控件、查看控制台并修复问题。交付前做原创性检查：若主题换成相邻话题，同一视觉概念是否仍同样成立，若是则方向过于通用，需修改。返回绝对路径与视觉及交互选择的简短说明。资料未提供具体收费、价格、平台或效果信息。