用途：这是 sammcj/agentic-coding 下的一个技能，收录多个自包含 .html 文件，展示静态 HTML 制品在传达信息上比 markdown 更具可读性，适合作为构建同类 HTML 交付物时的视觉与结构参考。示例文件位于 resources/ 目录，可打开 resources/index.html 查看带缩略图的画廊。
主要能力：示例覆盖探索与规划、代码评审与理解、设计系统与组件变体、原型、SVG 插图与流程图、幻灯片、研究与教学、状态与事故报告，以及自定义编辑界面（如分诊板、特性开关、提示调参器）等场景。
使用方式：先挑选与用户意图最接近的示例，完整阅读后再自行编写；沿用其风格、密度与结构约定，并适配用户真实内容，不要照搬示例中的虚构品牌与数据。若制品是编辑器或交互界面，结尾应提供“copy as JSON”或“copy as prompt”按钮。
约定：单个 .html 文件，浏览器直接打开，无构建、无 npm、无 CDN 脚本、无外部样式表；在 :root 使用 CSS 自定义属性；衬线标题配无衬线正文；交互仅用单 script 标签内的原生 JS；风格克制，留白充足；交互界面需能导出状态。
限制：HTML 的 diff 噪声大，若制品需在仓库中长期逐行评审（RFC、ADR、runbook），应改用 markdown。需要方向键幻灯片可用 html-slides 技能；需要可配置探索器与 copy-as-prompt 可用 playground 技能。示例中的具体品牌、数据与表现效果仅为示范，未提供价格、平台或其他未提及信息。