Create distinctive, production-grade frontend interfaces with exceptional design quality. Two modes - (1) New projects - bold aesthetic design philosophy including typography, color theory, spatial composition, motion design, visual details, avoiding generic AI aesthetics, creating unforgettable interfaces.
Install
npx skills add JNLei/claude-tools --skill frontend-designnpx skills add JNLei/claude-tools --skill frontend-design -a claude-code -gnpx skills add JNLei/claude-tools --skill frontend-design -a codex -ggemini skills install https://github.com/JNLei/claude-tools.git --path plugins/skills/frontend-development/skills/frontend-developmentgh skill install JNLei/claude-tools frontend-designgit clone --depth 1 https://github.com/JNLei/claude-tools /tmp/JNLei__claude-tools
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/JNLei__claude-tools/plugins/skills/frontend-development/skills/frontend-development ~/.claude/skills/frontend-design # Claude Code
cp -R /tmp/JNLei__claude-tools/plugins/skills/frontend-development/skills/frontend-development ~/.agents/skills/frontend-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode