Skills for Real Engineers. Straight from my .agents directory.
39 skills
react-composition-patterns
Agent skill from
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes. Do NOT use for React/Next.js performance optimization (use react-best-practices instead).
How to install react-composition-patterns
install react-composition-patterns
# install the agent-skills pack with the skills CLI
npx skills add tech-leads-club/agent-skills# or add only this skill to Claude Code: copy the folder
packages/skills-catalog/skills/(architecture)/react-composition-patterns/
# into
~/.claude/skills/react-composition-patterns/ (all projects)
.claude/skills/react-composition-patterns/ (one project)
More skills in agent-skills
- ▸component-common-domain-detection
- ▸component-flattening-analysis
- ▸component-identification-sizing
- ▸coupling-analysis
- ▸decomposition-planning-roadmap
- ▸domain-analysis
- ▸domain-identification-grouping
- ▸evolutionary-modular-architecture
- ▸frontend-blueprint
- ▸legacy-migration-planner
- ▸modular-decomposition
- ▸modular-design-principles
Keep exploring
Similar skill repositories
An agentic skills framework & software development methodology that works.
15 skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
CC1 skill
Public repository for Agent Skills
20 skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
CCCU6 skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
CCCXCUGH6 skills