FreeSkills
Commits, branches and sync with the but CLI
- 361361 downloads
- 198198 likes
- 103103 saves
Works with
- Claude Code
- Codex
- Cursor
- and 3 more
React composition patterns v1.0.0
Use this resource to refactor React components into composable APIs
New
- 552 downloads
- 157 likes
- 229 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install react-component-composition-patterns-2With no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent spots components crowded with boolean props and refactors them into compound components, lifting state and using context behind a clear interface. It applies the React 19 API changes. You get reusable components and readable APIs for humans and agents alike.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- MIT
Similar resources
View all- Free
FreeSkills
Sentry CLI guide
- 525525 downloads
- 117117 likes
- 128128 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Drizzle ORM best practices with PostgreSQL
- 407407 downloads
- 194194 likes
- 151151 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
SLO design wizard
- 537537 downloads
- 105105 likes
- 242242 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
User stories and sprint fit
- 451451 downloads
- 150150 likes
- 132132 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Capacity-based sprint plan
- 423423 downloads
- 192192 likes
- 102102 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Startup CTO advisor
- 580580 downloads
- 201201 likes
- 242242 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Creating GitHub pull requests with quality checks
- 427427 downloads
- 230230 likes
- 196196 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- AGENTS.md : full guide to composition rules
- rules/ : one rule per file (architecture, state, React 19)
- README.md : overview and usage
Good fit for
- A button has twelve boolean props and has become unreadable
- You are building a shared component library
Not for
Tags
- react
- composition
- components
- props
- react 19
About
You say
“Refactor this Card component with eight boolean props into compound components.”
Skill published by tech-leads-club under the MIT license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to refactor React components into composable APIs
- Review and adjust the result
Content preview
Files
- AGENTS.md23 KB
- LICENSE1.5 KB
- NOTICE-PALATEKIT.md0.5 KB
- README.md2.1 KB
- rules/_sections.md0.8 KB
- rules/_template.md0.3 KB
- rules/architecture-avoid-boolean-props.md2.3 KB
- rules/architecture-compound-components.md2.6 KB
- rules/patterns-children-over-render-props.md1.9 KB
- rules/patterns-explicit-variants.md2.4 KB
- rules/react19-no-forwardref.md1 KB
- rules/state-context-interface.md5 KB
- rules/state-decouple-implementation.md2.7 KB
- rules/state-lift-state.md3.3 KB
- SKILL.md3 KB
Origin and licence
Listed unmodified
- Author
- tech-leads-club
- Source
- github.com/tech-leads-club/agent-skills/tree/738451e40785750a8e8de5bce8112675f5f0df02/packages/skills-catalog/skills/(architecture)/react-composition-patterns
- Licence
- MIT
Notice
« react-composition-patterns » (tech-leads-club, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…