react-composition
✓Build composable React components using Effect Atom for state management. Use this skill when implementing React UIs that avoid boolean props, embrace component composition, and integrate with Effect's reactive state system.
Installation
SKILL.md
Build React UIs using compositional patterns, Effect Atom for state management, and the component module pattern. Use this skill when creating React applications that integrate with Effect's ecosystem.
Build complex UIs from simple, composable pieces rather than configuring behavior through props.
Treat components like Effect modules with namespace imports and exported sub-components.
Build composable React components using Effect Atom for state management. Use this skill when implementing React UIs that avoid boolean props, embrace component composition, and integrate with Effect's reactive state system. Source: front-depiction/claude-setup.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/front-depiction/claude-setup --skill react-composition- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is react-composition?
Build composable React components using Effect Atom for state management. Use this skill when implementing React UIs that avoid boolean props, embrace component composition, and integrate with Effect's reactive state system. Source: front-depiction/claude-setup.
How do I install react-composition?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/front-depiction/claude-setup --skill react-composition Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/front-depiction/claude-setup
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01