‹ 首页

component-design

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

デザインカンプ、スクリーンショット、HTML、既存画面、仕様メモなどの Input から React / Next.js / TypeScript の UI を実装する前に、画面構成、構成要素ツリー、コンポーネント境界、props、hooks、状態管理、実装順序を設計するために使う。新規画面作成、既存画面への UI 追加、大きな JSX の分割、UI リファクタリング、既存コンポーネントを探して再利用する実装、未実装の構成要素を順に消化する実装では必ず使う。単純な文言変更、色や余白だけの小変更、既に境界が明確な小さな修正だけなら使わない。

适合你,如果在写 React UI 前需要先规划组件边界和状态管理

/ 通过 npx 安装 校验哈希
npx oh-my-skill add version-1/agents-docs/component-design
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- version-1/agents-docs/component-design
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify version-1/agents-docs/component-design
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
2GitHub stars
~5.3K最小装载
~5.3K含声明引用
~5.9K文本包总量
索引托管

评论

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