Acme 暖调编辑式 HTML 样式

解决什么问题

Agent 直接输出 HTML 时常面临两个极端：要么是未经修饰的浏览器默认样式，要么是引入了庞大前端框架的复杂页面。前者缺乏可读性，后者带来了沉重的依赖负担。acme-html-style 旨在改变这一现状，它将 HTML 视为一种优秀的内容输出格式，通过一套精心设计的视觉语言，让 Agent 能够直接生成具备“暖调、编辑式、极简”风格的自包含文档。

核心能力与工作流

该技能的核心在于生成无需构建步骤、零外部依赖的独立 .html 文件。其视觉语言包含暖象牙白背景、陶土色主色调，以及严格的字体配对（衬线标题、无衬线正文、等宽代码）。

当你触发该技能时，工作流如下：

• 场景识别：将请求映射到 9 种预设场景（如代码审查、状态报告、流程图）之一。
• 查阅参考：加载 references/ 下的对应指南，获取 design-tokens.md 中的颜色/间距值，以及 component-catalog.md 中的组件 CSS。
• 生成与校验：基于 assets/starter-template.html 填充内容，并严格执行 quality-checklist.md 中的每一项检查。

适用边界与注意事项

• 零依赖原则：严禁引入 CDN、外部字体或 JS 库。所有样式必须内联在单个 <style> 块中，确保文件在任何浏览器中“开箱即用”。
• 非协商规则：边框必须为 1.5px，标题字重固定为 500，页面背景禁止使用纯白 #FFF。
• 适用场景：适合内部工具文档、技术报告、状态更新等需要快速渲染且注重阅读体验的文本类输出，而非复杂的交互式 Web 应用。