全部 skill

生成深色主题的 SVG 架构图、云架构与基础设施图，输出为 HTML。

把 HTML 构图渲染成 MP4/WebM 视频。

一次性的 HTML 草图：给 2-3 个设计变体做对比。

把 Stripe、Linear、Vercel 等 54 套真实设计系统整理成 HTML/CSS 参考。

设计一次性的 HTML 产物：落地页、演示稿或原型。

长文 markdown（规格/RFC/报告/计划/讲解）转单文件轻交互 HTML 文档，带 sticky TOC、scrollspy、搜索过滤、代码复制钮、设计系统驱动品牌 token。markdown-html-orchestrator 分类为 DOCUMENT、或直调 /cs:md-document 时触发。经 config_loader.py 读设计系统配置并内联 12 个推导 CSS 自定义属性；未入职则拒渲染。单文件输出——仅 Google Fonts+Prism.js CDN 外部；无框架运行时、无构建步。编排路由后或设计系统入职确认后用。"

markdown PR 写成或代码审查（带 ```diff 围栏块与 [!BLOCKER]/[!MAJOR]/[!MINOR]/[!NIT] 严重度标注）转单文件双栏 HTML 审查——左统一 diff、右严重度标注卡片、顶跳转导航列每发现、强制具名审查者页脚。markdown-html-orchestrator 分类为 REVIEW、或直调 /cs:md-review 触发。无显式 --reviewer（代码审查须具名）则拒、无 diff 块则拒（路由 md-document）、且拒仅用颜色编码严重度（每徽章带色+图标+aria-label 符 WCAG 1.4.1）。编排路由后用。"

markdown 幻灯片（以 `---` HR 或 `# ` H1 分隔、可选 `<!-- notes: ... -->` 演讲者备注）转单文件 HTML 演示，带方向键/空格/PgDn/PgUp/Home/End/P/Esc 键盘导航、演讲者模式（分屏当前页+讲稿+时钟+下页预览）、URL hash 深链、`@media print` 每页一滑 PDF 导出。markdown-html-orchestrator 分类为 SLIDES、或直调 /cs:md-slides 触发。复用 md-document 的 markdown 解析器渲幻灯、经 config_loader.py 读设计系统 token。无清晰幻灯边界、产 1 页、或 --strict-notes 开且备注覆盖<50% 则拒。编排路由后用。"

用户用 HTML、JSP、Java 与 SQL 询问 Sankhya 仪表板的模式、最佳实践、创建或修复时使用。

用户要 Claude 项目任意 markdown 转单文件轻交互 HTML——长文（规格/计划/RFC/报告/讲解）、带 diff 与严重度标注的代码审查、或幻灯片时用。触发「转这 markdown 成 HTML」「做成 HTML 文件」「变成交互文档」「渲染报告成 HTML」「PR 写成 HTML」「这 markdown 转幻灯片」。fork 上下文按确定性 doctype 分类器路由到三转换器子技能（md-document/md-review/md-slides），用户跑过设计系统入职后。输入不足 100 行（据 Shihipar——阈值下 markdown 仍胜）或未入职设计系统则拒。区别于 Anthropic 官方 Playground 插件（交互提示调优滑块）与 marketing/landing/（落地页生成器）。"

从 JSON 数据生成美观的交互式时间线 HTML 页，含纵向/横向/双侧布局、可折叠细节、自定义颜色。适合项目里程碑、公司史、简历。用户提到「时间线」「事件史」「项目里程碑」「发布日志」或要可视化按时间排序的数据时触发。

从 JSON 数据生成自包含 HTML/SVG 信息图，含统计卡、柱状图、流程图、混合仪表盘。8 套配色、内置图标、无外部依赖。用户要数据可视化、信息图、图表、仪表盘时触发。