Create React/Next.js 16 components. Use when building pages, client/server components, forms with useActionState, or UI with shadcn/ui. ALWAYS activate with frontend-design together.
Install
npx skills add xmark168/VibeSDLC --skill frontend-componentnpx skills add xmark168/VibeSDLC --skill frontend-component -a claude-code -gnpx skills add xmark168/VibeSDLC --skill frontend-component -a codex -ggemini skills install https://github.com/xmark168/VibeSDLC.git --path backend/app/agents/developer/src/skills/nextjs/frontend-componentgh skill install xmark168/VibeSDLC frontend-componentgit clone --depth 1 https://github.com/xmark168/VibeSDLC /tmp/xmark168__VibeSDLC
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/xmark168__VibeSDLC/backend/app/agents/developer/src/skills/nextjs/frontend-component ~/.claude/skills/frontend-component # Claude Code
cp -R /tmp/xmark168__VibeSDLC/backend/app/agents/developer/src/skills/nextjs/frontend-component ~/.agents/skills/frontend-component # Codex, Cursor, Gemini CLI, Copilot, OpenCode