What is react-component?
Use when creating or modifying React components (.tsx files). Enforces component structure, import order, and hooks patterns. Source: bumgeunsong/daily-writing-friends.
Use when creating or modifying React components (.tsx files). Enforces component structure, import order, and hooks patterns.
Quickly install react-component AI skill to your development environment via command line
Source: bumgeunsong/daily-writing-friends.
| [feature]/components/ | React components | | [feature]/hooks/ | Custom hooks with business logic | | [feature]/model/ | TypeScript types | | @/shared/ui/ | shadcn/ui components | | @/shared/hooks/ | Shared hooks |
Use when creating or modifying React components (.tsx files). Enforces component structure, import order, and hooks patterns. Source: bumgeunsong/daily-writing-friends.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill react-component Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Security certified for safe and reliable code One-click installation with simplified configuration Compatible with Claude Code, Cursor, OpenClaw, and more
Stable fields and commands for AI/search citations.
npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill react-componentUse when creating or modifying React components (.tsx files). Enforces component structure, import order, and hooks patterns. Source: bumgeunsong/daily-writing-friends.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill react-component Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/bumgeunsong/daily-writing-friends