一键导入
templates
Templates for component briefs and architecture docs. Use when creating new component specs or architecture documents in the react-craft pipeline.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Templates for component briefs and architecture docs. Use when creating new component specs or architecture documents in the react-craft pipeline.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Bundled reference knowledge for React, accessibility, Storybook, responsive design, motion, and component API patterns. Loaded on-demand by agents as offline fallback when Context7 is unavailable.
Reviews generated components for WCAG 2.2 compliance using automated testing (axe-core, keyboard, screen reader) and produces actionable findings. Use after code generation in the react-craft pipeline.
Generates production React components from briefs and architecture specs, following detected project conventions for styling, naming, and TypeScript patterns. Use when implementing components in the react-craft pipeline.
Designs React component APIs — prop interfaces, composition strategy, file structure — from component briefs. Use when translating design specs into buildable component architectures.
Extracts structured component specs from Figma designs, validates completeness, and produces component briefs. Use when processing Figma links, Anova YAML exports, or preparing component specifications for the react-craft pipeline.
Validates UI component usage against a design system manifest from Storybook MCP. Detects custom components where design system equivalents exist, incorrect prop usage, and composition opportunities.
| name | templates |
| description | Templates for component briefs and architecture docs. Use when creating new component specs or architecture documents in the react-craft pipeline. |
| user-invocable | false |
| version | 1.0.0 |
Structured templates that agents use to produce consistent handoff documents throughout the pipeline.
/react-craft:build run, after the Design Analyst extracts specs from Figma.Both templates use YAML frontmatter for machine-readable metadata and Markdown sections for human-readable detail.