Use when creating or modifying React components. Ensures proper Server/Client component patterns, performance optimization, and accessibility.
Install
npx skills add programming-in-th/programming.in.th --skill component-developmentnpx skills add programming-in-th/programming.in.th --skill component-development -a claude-code -gnpx skills add programming-in-th/programming.in.th --skill component-development -a codex -ggemini skills install https://github.com/programming-in-th/programming.in.th.git --path .claude/skills/component-developmentgh skill install programming-in-th/programming.in.th component-developmentgit clone --depth 1 https://github.com/programming-in-th/programming.in.th /tmp/programming-in-th__programming.in.th
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/programming-in-th__programming.in.th/.claude/skills/component-development ~/.claude/skills/component-development # Claude Code
cp -R /tmp/programming-in-th__programming.in.th/.claude/skills/component-development ~/.agents/skills/component-development # Codex, Cursor, Gemini CLI, Copilot, OpenCode