Build production-ready frontend components with accessible markup, sensible props, defined states, and tested behavior. Use this skill whenever the user wants to build a component from scratch, refactor an existing one, design a component API, or implement a UI element with proper states and accessibility.
安装
npx skills add rampstackco/claude-skills --skill frontend-component-buildnpx skills add rampstackco/claude-skills --skill frontend-component-build -a claude-code -gnpx skills add rampstackco/claude-skills --skill frontend-component-build -a codex -ggemini skills install https://github.com/rampstackco/claude-skills.git --path skills/frontend-component-buildgh skill install rampstackco/claude-skills frontend-component-buildgit clone --depth 1 https://github.com/rampstackco/claude-skills /tmp/rampstackco__claude-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/rampstackco__claude-skills/skills/frontend-component-build ~/.claude/skills/frontend-component-build # Claude Code
cp -R /tmp/rampstackco__claude-skills/skills/frontend-component-build ~/.agents/skills/frontend-component-build # Codex, Cursor, Gemini CLI, Copilot, OpenCode