How do I install the UX Advisor skill?

Run npx skillmds@latest add zie619/ux-advisor in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is UX Advisor safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: executes scripts. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with UX Advisor?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is UX Advisor free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published UX Advisor?

Zie619 (@zie619) published this skill. Their other Agent Skills are listed on their SkillMD profile.

UX Advisor by zie619 — Agent Skill

Name: UX Advisor
Rating: 4.666666666666667 (3 reviews)
Author: Zie619

UX Advisor

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. Triggers on design questions like "what colors", "how to layout", "UX best practices", "typography for".

Zie619 Updated Sep 22, 2026

File contents

UX Advisor - Web Design Knowledge

Expert design guidance from 23 curated professional books covering color theory, typography, layout, UX/UI patterns, responsive design, and CSS techniques.

How to Query

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

Query Types

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`

Routing Guide

Detect query type from user's question:

Color: "color", "palette", "contrast", "hue", "scheme" → --type color
Layout: "layout", "grid", "spacing", "structure", "responsive" → --type layout
UX: "UX", "usability", "user experience", "flow", "onboarding" → --type ux
Other: general design questions → --type general

Options Reference

--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

Response Guidelines

Synthesize - Combine insights from multiple sources
Adapt - Apply principles to user's specific context
Be concise - Focus on actionable advice
Cite when relevant - Mention which book informed the advice

Topics Covered

Color Theory & Psychology
Typography & Type Hierarchy
Layout & Grid Systems
UX Principles & Heuristics
UI Patterns & Components
Responsive Design
CSS Techniques
Visual Hierarchy
Branding & Design Systems
Navigation & Information Architecture
Forms & Input Design
Performance Optimization

---name: ux-advisordescription: 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. Triggers on design questions like "what colors", "how to layout", "UX best practices", "typography for".---# UX Advisor - Web Design KnowledgeExpert design guidance from 23 curated professional books covering color theory, typography, layout, UX/UI patterns, responsive design, and CSS techniques.## How to QueryRun the CLI script to search the knowledge base. The skill is installed at `~/.claude/skills/ux-advisor/`.```bash# 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```## Query Types| 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` |## Routing GuideDetect query type from user's question:- **Color**: "color", "palette", "contrast", "hue", "scheme" → `--type color`- **Layout**: "layout", "grid", "spacing", "structure", "responsive" → `--type layout`- **UX**: "UX", "usability", "user experience", "flow", "onboarding" → `--type ux`- **Other**: general design questions → `--type general`## Options Reference```--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```## Response Guidelines1. **Synthesize** - Combine insights from multiple sources2. **Adapt** - Apply principles to user's specific context3. **Be concise** - Focus on actionable advice4. **Cite when relevant** - Mention which book informed the advice## Topics Covered- Color Theory & Psychology- Typography & Type Hierarchy- Layout & Grid Systems- UX Principles & Heuristics- UI Patterns & Components- Responsive Design- CSS Techniques- Visual Hierarchy- Branding & Design Systems- Navigation & Information Architecture- Forms & Input Design- Performance Optimization

Frequently asked questions