单文件 HTML 页面

具体的页面构建问题

在生成报告、讲解、仪表盘或原型时，常见痛点是交付物依赖构建步骤或网络请求，且容易套用固定的卡片布局和配色，导致内容与设计脱节。直接产出自包含的 HTML 文件，能保证双击即可运行，同时避免让通用外观掩盖核心信息。

核心工作流程

• 路由判断：首先根据核心诉求确定设计方向。若是结构探索则使用线框模式，若是系统关系图则选择图表逻辑，其余情况则直接在该技能内完成。
• 环境感知：在仓库中查找 AGENTS.md 或设计系统文档，按优先级遵循用户指令、项目规范、受众与主题要求，而非无脑沿用现成的视觉模式。
• 规范构建：产出单一 .html 文件，将样式与脚本全部内联。根据用途加载对应的排版、界面或数据指南，确保语义化、响应式和无障碍。

适用边界与注意点

该技能强调“一致的关注”而非“一致的外观”。不要在此强加外部资源依赖，也不应使用占位符文本。交付前务必检查横向溢出、控制台报错及不同视口下的表现，确保最终产物真实可用。