code-react

@version-1 · 收录于 2 周前 · 上游提交 2 周前

React / JSX / TSX / .jsx / .tsx 実装を書く前に、コンポーネント設計、Atomic Design を補助観点にした UI 分割、hooks、props、state、UI 実装の責務分離を確認するときに使う。

适合你，如果写 React 组件前需要先理清结构和职责

/ 下载安装

/ 通过 npx 安装 校验哈希

npx oh-my-skill add version-1/agents-docs/code-react

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- version-1/agents-docs/code-react

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify version-1/agents-docs/code-react

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

2GitHub stars

~784最小装载

~2.5K含声明引用

~2.7K文本包总量

索引托管

怎么用

商店整理自技能原文 · 版本 137ed3f · 表述以原文为准

它做什么

Claude 在写 React 代码前，会先检查组件设计、UI 拆分、hooks、props、state 和职责分离，确保代码融入现有 UI。

什么时候触发

当你要求编写 React/JSX/TSX 代码，或讨论组件设计、状态管理时触发。

装好后可以这样说

Claude 会先分析组件边界和职责。

Claude 会评估 props 的自然性和稳定性。

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…