Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages, dashboards, product UI, components, forms, settings, onboarding, empty states, and native iOS or Android screens.
Install
npx skills add vecnode/vn-code --skill frontend-craftnpx skills add vecnode/vn-code --skill frontend-craft -a claude-code -gnpx skills add vecnode/vn-code --skill frontend-craft -a codex -ggemini skills install https://github.com/vecnode/vn-code.git --path packages/dsh-frontend-craft/skills/frontend-craftgh skill install vecnode/vn-code frontend-craftgit clone --depth 1 https://github.com/vecnode/vn-code /tmp/vecnode__vn-code
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/vecnode__vn-code/packages/dsh-frontend-craft/skills/frontend-craft ~/.claude/skills/frontend-craft # Claude Code
cp -R /tmp/vecnode__vn-code/packages/dsh-frontend-craft/skills/frontend-craft ~/.agents/skills/frontend-craft # Codex, Cursor, Gemini CLI, Copilot, OpenCode