Visual design guidance for building new UI or reshaping existing UI, covering aesthetic direction and typography to avoid templated defaults.
Install
npx skills add anthropics/skills --skill frontend-designnpx skills add anthropics/skills --skill frontend-design -a claude-code -gnpx skills add anthropics/skills --skill frontend-design -a codex -ggemini skills install https://github.com/anthropics/skills.git --path skills/frontend-designgh skill install anthropics/skills frontend-designgit clone --depth 1 https://github.com/anthropics/skills /tmp/anthropics__skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/anthropics__skills/skills/frontend-design ~/.claude/skills/frontend-design # Claude Code
cp -R /tmp/anthropics__skills/skills/frontend-design ~/.agents/skills/frontend-design # Codex, Cursor, Gemini CLI, Copilot, OpenCodeTry this task
Build a clean responsive interface from this product brief, with a clear primary task and hierarchy. Include empty states, errors and keyboard focus.
- What to provide
- A product brief, target users and existing UI or brand references.
- What to review
- Use it on desktop and mobile, checking long text, touch and keyboard paths.