Provides UI/UX design, user research, visual design, and brand consistency capabilities. Use when you need to design interfaces, conduct user research, or create visual assets.
Skill Index
The following index is node scripts/update-skill-index.js automatically generated, used to let Claude continue routing to the most relevant sub-skills after a top-level expert is triggered.
Instructions for Claude
- First semantically match the user's current task with each sub-skill's
触发语义, not just by looking at the directory name. - Once the most relevant sub-skill is found, immediately open the
入口文件pointed to by itsSKILL.md, and use it as the entry point for the next layer. - After entering a sub-skill, then load the
references/、scripts/、assets/in the same directory as needed according to that sub-skill's own instructions; do not pre-expand large sections of detail in the top-level expert. - If multiple sub-skills are relevant, first load the one closest to the main goal, then supplement with other sub-skills as needed, avoiding loading too much context at once.
- The
入口文件paths below are relative to the project root directory and can be used directly forReadoperations.
Sub-skill Index
brand-guardian (1)
brand-guardian- Trigger semantics: Expert brand strategist and guardian specializing in brand identity development, consistency maintenance, and strategic brand positioning
- Entry file:
.claude/skills/design-specialist/references/domains/brand-guardian/SKILL.md
image-prompt-engineer (1)
image-prompt-engineer- Trigger semantics: Expert photography prompt engineer specializing in crafting detailed, evocative prompts for AI image generation. Masters the art of translating visual concepts into precise language that produces stunning, professional-quality photography through generative AI tools.
- Entry file:
.claude/skills/design-specialist/references/domains/image-prompt-engineer/SKILL.md
inclusive-visuals-specialist (1)
inclusive-visuals-specialist- Trigger semantics: Representation expert who defeats systemic AI biases to generate culturally accurate, affirming, and non-stereotypical images and video.
- Entry file:
.claude/skills/design-specialist/references/domains/inclusive-visuals-specialist/SKILL.md
ui-design (1)
ui-ux-pro-max- Trigger semantics: UI/UX design intelligence, must be used when designing pages
- Entry file:
.claude/skills/design-specialist/references/domains/ui-design/SKILL.md
ui-designer (1)
ui-designer- Trigger semantics: Expert UI designer specializing in visual design systems, component libraries, and pixel-perfect interface creation. Creates beautiful, consistent, accessible user interfaces that enhance UX and reflect brand identity
- Entry file:
.claude/skills/design-specialist/references/domains/ui-designer/SKILL.md
ux-architect (1)
ux-architect- Trigger semantics: Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance
- Entry file:
.claude/skills/design-specialist/references/domains/ux-architect/SKILL.md
ux-research (8)
accessibility-planning- Trigger semantics: Plan accessibility compliance - WCAG 2.2, Section 508, EN 301 549, inclusive design principles, audit planning, and remediation strategies.
- Entry file:
.claude/skills/design-specialist/references/domains/ux-research/accessibility-planning/SKILL.md
design-system-planning- Trigger semantics: Plan design systems - component libraries, design tokens, documentation strategies, versioning, governance, and adoption frameworks.
- Entry file:
.claude/skills/design-specialist/references/domains/ux-research/design-system-planning/SKILL.md
heuristic-evaluation- Trigger semantics: Conduct heuristic evaluations - Nielsen's 10 heuristics, severity ratings, expert review methodology, cognitive walkthrough, and usability inspection.
- Entry file:
.claude/skills/design-specialist/references/domains/ux-research/heuristic-evaluation/SKILL.md
information-architecture- Trigger semantics: Design information architecture - site structure, navigation, card sorting, tree testing, taxonomy, labeling systems, and findability.
- Entry file:
.claude/skills/design-specialist/references/domains/ux-research/information-architecture/SKILL.md
prototype-strategy- Trigger semantics: Plan prototyping approach - fidelity levels, tool selection, prototype types, testing strategies, and design-to-development handoff.
- Entry file:
.claude/skills/design-specialist/references/domains/ux-research/prototype-strategy/SKILL.md
service-blueprinting- Trigger semantics: Create service blueprints - frontstage/backstage visualization, touchpoints, support processes, evidence, and service design methodology.
- Entry file:
.claude/skills/design-specialist/references/domains/ux-research/service-blueprinting/SKILL.md
usability-testing- Trigger semantics: Design and plan usability tests - task creation, think-aloud protocols, moderator scripts, metrics definition, and analysis frameworks.
- Entry file:
.claude/skills/design-specialist/references/domains/ux-research/usability-testing/SKILL.md
user-research-planning- Trigger semantics: Plan user research studies - method selection, participant recruitment, study design, and research questions for generative and evaluative research.
- Entry file:
.claude/skills/design-specialist/references/domains/ux-research/user-research-planning/SKILL.md
ux-researcher (1)
ux-researcher- Trigger semantics: Expert user experience researcher specializing in user behavior analysis, usability testing, and data-driven design insights. Provides actionable research findings that improve product usability and user satisfaction
- Entry file:
.claude/skills/design-specialist/references/domains/ux-researcher/SKILL.md
visual-storyteller (1)
visual-storyteller- Trigger semantics: Expert visual communication specialist focused on creating compelling visual narratives, multimedia content, and brand storytelling through design. Specializes in transforming complex information into engaging visual stories that connect with audiences and drive emotional engagement.
- Entry file:
.claude/skills/design-specialist/references/domains/visual-storyteller/SKILL.md
whimsy-injector (1)
whimsy-injector- Trigger semantics: Expert creative specialist focused on adding personality, delight, and playful elements to brand experiences. Creates memorable, joyful interactions that differentiate brands through unexpected moments of whimsy
- Entry file:
.claude/skills/design-specialist/references/domains/whimsy-injector/SKILL.md
Notes
- top-level
SKILL.mdserves only as index navigation and does not carry large-volume detailed content. - Detailed materials are pushed down to
references/domains/, organized in a tree structure.