build-react-components

以类型化的props、清晰的组件构成，以及明确的交互/加载/空值/错误处理方式，构建或重构React组件。主要目标：确保组件契约与行为的正确性；在视觉决策方面，可与样式设计或设计方向技能相辅相成。

SKILL.md

--- frontmatter

name: build-react-components
description: Build or refactor React components with typed props, clear composition, and explicit interaction/loading/empty/error behavior. Primary intent: component contract and behavior correctness; pairs with styling or design-direction skills for visual decisions.
category: frontend/components
ssot_path: .ai/skills/frontend/components/build-react-components

build-react-components (entry)

Canonical source: .ai/skills/frontend/components/build-react-components/

Open .ai/skills/frontend/components/build-react-components/SKILL.md and any supporting files referenced there (for example reference.md, examples.md, scripts/, templates/).

Note: The frontmatter above is identical to the canonical source except for ssot_path and category which are added for navigation. After opening the source file, skip re-reading the description to avoid redundant token usage.