Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.
Install
npx skills add wshobson/agents --skill visual-design-foundationsnpx skills add wshobson/agents --skill visual-design-foundations -a claude-code -gnpx skills add wshobson/agents --skill visual-design-foundations -a codex -ggemini skills install https://github.com/wshobson/agents.git --path plugins/ui-design/skills/visual-design-foundationsgh skill install wshobson/agents visual-design-foundationsgit clone --depth 1 https://github.com/wshobson/agents /tmp/wshobson__agents
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/wshobson__agents/plugins/ui-design/skills/visual-design-foundations ~/.claude/skills/visual-design-foundations # Claude Code
cp -R /tmp/wshobson__agents/plugins/ui-design/skills/visual-design-foundations ~/.agents/skills/visual-design-foundations # Codex, Cursor, Gemini CLI, Copilot, OpenCode