Summary
React 组件、页面组件、自定义 Hook 的拆分、重构与评审技能。用户提到“拆组件”“拆 Hook”“这个组件太大了”“这个 Hook 太重了”“帮我理一下这个页面”“这段 React 怎么拆比较合理”“重构 React 组件”“重构页面逻辑”“优化组件设计”“评审组件设计”“评审 Hook 设计”“减少…
yangsonhung/awesome-agent-skills
react-component-hook-guidelines-cn
React 组件、页面组件、自定义 Hook 的拆分、重构与评审技能。用户提到“拆组件”“拆 Hook”“这个组件太大了”“这个 Hook 太重了”“帮我理一下这个页面”“这段 React 怎么拆比较合理”“重构 React 组件”“重构页面逻辑”“优化组件设计”“评审组件设计”“评审 Hook 设计”“减少 props”“收敛职责”“拆分 God Component”“拆分 God Hook”“调整页面编排”“整理前端分层”“组件职责不清”“逻辑和 UI 耦合”“页面状态太乱”“大 state 下传”“props 太多”“分支太多”时触发。重点处理职责混杂、props 过宽、大状态下传、分支过多、页面编排过重、展示与逻辑耦合。
Installation
$
npx skills add https://github.com/yangsonhung/awesome-agent-skills
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
agent-browser
Shared topics
vercel-labs/agent-browser
Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…
11.9K installs
vercel-react-best-practices
Shared topics
vercel-labs/agent-skills
React and Next.js performance optimization guidelines from Vercel Engineering. This skill shoul…
3.7K installs
web-design-guidelines
Shared topics
vercel-labs/agent-skills
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…
4.7K installs
microsoft-foundry
Shared topics
microsoft/azure-skills
Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …
1.7K installs
supabase-postgres-best-practices
Shared topics
supabase/agent-skills
Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …
1.4K installs
azure-enterprise-infra-planner
Shared topics
microsoft/azure-skills
Architect and provision enterprise Azure infrastructure from workload descriptions. For cloud a…
1.5K installsAlso in this package
Other skills from yangsonhung/awesome-agent-skills · top by installs.
npx skills add https://github.com/yangsonhung/awesome-agent-skills
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Claude Code
Not declared
Cursor
Not declared
Codex
Not declared
GitHub Copilot
Not declared
Windsurf
Not declared
Gemini CLI
Not declared
Cline
Not declared
OpenCode
Not declared
Repository health
Stars
18
License
LICENSE
Default branch
main
Open issues
1
Status
Active
History
- First seen on skills.sh
- First recorded snapshot · 4 installs