Design reusable, composable UI components with single responsibility, clear interfaces, and proper state management. Use this skill when creating or refactoring React, Vue, Svelte, or other framework components. When defining component props, interfaces, or APIs. When managing component state or lifting state up to parent components.
Install
npx skills add coreyja/coreyja.com --skill 'Frontend Components'npx skills add coreyja/coreyja.com --skill 'Frontend Components' -a claude-code -gnpx skills add coreyja/coreyja.com --skill 'Frontend Components' -a codex -ggemini skills install https://github.com/coreyja/coreyja.com.git --path .claude/skills/frontend-componentsgh skill install coreyja/coreyja.com 'Frontend Components'git clone --depth 1 https://github.com/coreyja/coreyja.com /tmp/coreyja__coreyja.com
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/coreyja__coreyja.com/.claude/skills/frontend-components ~/.claude/skills/'Frontend Components' # Claude Code
cp -R /tmp/coreyja__coreyja.com/.claude/skills/frontend-components ~/.agents/skills/'Frontend Components' # Codex, Cursor, Gemini CLI, Copilot, OpenCode