全部 skill

编写、校验并导出 Google 的 DESIGN.md 设计 token 规范文件。

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

用 Rayden UI 组件生成 React 代码，使用正确 props、token 与高级布局模式。

经 Figma MCP 在 Figma 中构建并维护 Rayden UI 组件与屏幕，全量执行设计 token。

构思 Web 开发项目与页面设计的精讲课框架。涵盖概念、UX 流程、风格美学、技术架构与 SEO 的结构化阶段。

长文 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% 则拒。编排路由后用。"

为 Google Stitch 生成 DESIGN.md 系统时，用于高端字体、色彩、布局、动效意图与反通用 UI 规则。

经 10 问入职向导一次性捕获用户品牌（主/辅 HEX + 标题/正文 Google 字体 + 编辑/技术/极简/趣味风格 + 默认输出目录 + 语法主题 + TOC 行为 + 可选 logo/公司）、按 WCAG 2.2 AA 校验正文与链接对比、在 HSL 空间推 12 个 CSS 自定义属性、存供每个 markdown-html 转换器消费。任何 markdown-html 转换前用。首次入职（「设品牌」「配 markdown-html」「跑入职」）、显式重置（「重置设计系统」「再入职」）触发，且每转换器渲染前经 config_loader.py 检查。正文对比未过 AA 4.5:1 或输出目录不可写则拒存。优先级：项目(./.markdown-html/) > 全局(~/.config/markdown-html/) > 内置默认；MARKDOWN_HTML_NO_CONFIG=1 绕过。"

用户要 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/（落地页生成器）。"