メニュー
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.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
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.
Classifies design system findings as accidental, intentional, or needs-review. Generates structured YAML deviation reports for the design system team. Parses @ds-deviation inline comments for justifications.
| name | references |
| description | 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. |
| user-invocable | false |
| version | 1.0.0 |
Offline reference documents for agent use during the react-craft pipeline.
| Reference | File | Used By |
|---|---|---|
| React Patterns | react-patterns.md | Code Writer, Component Architect |
| Accessibility | accessibility.md | Accessibility Auditor, Code Writer, Quality Gate |
| Storybook & Testing | storybook-testing.md | Story Author, Quality Gate |
| Responsive & Mobile-First | responsive-mobile-first.md | Code Writer, Design Analyst |
| Motion & Animation | motion-animation.md | Code Writer, Visual Reviewer |
| Component API Design | component-api-design.md | Component Architect, Code Writer |
