Smithery is now a part of Arcade.dev! Read more in our announcement here
Expert web design guidance backed by 23 design books. Use when users ask about color palettes, typography, layouts, UX patterns, responsive design, or CSS techniques...
Expert design guidance from 23 curated professional books covering color theory, typography, layout, UX/UI patterns, responsive design, and CSS techniques.
Run the CLI script to search the knowledge base. The skill is installed at ~/.claude/skills/ux-advisor/.
# General design question
~/.claude/skills/ux-advisor/venv/bin/python ~/.claude/skills/ux-advisor/scripts/query_kb.py --query "YOUR QUESTION"
# Color advice
~/.claude/skills/ux-advisor/venv/bin/python ~/.claude/skills/ux-advisor/scripts/query_kb.py --query "CONTEXT" --type color --mood MOOD
# Layout patterns
~/.claude/skills/ux-advisor/venv/bin/python ~/.claude/skills/ux-advisor/scripts/query_kb.py --query "PAGE TYPE" --type layout --page-type TYPE
# UX best practices
~/.claude/skills/ux-advisor/venv/bin/python ~/.claude/skills/ux-advisor/scripts/query_kb.py --query "FEATURE" --type ux
| Type | Use For | Key Options |
|---|---|---|
general |
Open design questions | --topics (comma-separated) |
color |
Color palettes, harmony | --mood (professional, playful, calm, etc.) |
layout |
Page structure, grids | --page-type (dashboard, landing_page, etc.) |
ux |
Usability, user flows | --user-context |
Detect query type from user's question:
--type color--type layout--type ux--type general--query, -q Design question (required)
--type, -t Query type: general|color|layout|ux (default: general)
--n-results, -n Number of results (default: 3, max: 10)
--format, -f Output: markdown|json (default: markdown)
--topics Topic filter for general: color_theory,typography,layout,ux_principles,ui_patterns,responsive,css_techniques,visual_hierarchy,branding,navigation,forms_inputs,performance
--mood For color: professional|playful|calm|energetic|luxurious|trustworthy|modern|minimalist|bold|warm
--page-type For layout: landing_page|dashboard|blog|portfolio|ecommerce|settings|profile|search_results|form_page|documentation
--density For layout: low|medium|high
--user-context For UX: target user description
