faion-ux-ui-designer skill

---
name: faion-ux-ui-designer
description: "UX/UI orchestrator: user research, UI design, accessibility."
user-invocable: false
allowed-tools: Read, Write, Edit, Glob, Grep, Bash(ls:*), Task, AskUserQuestion, TodoWrite, Skill
---
> **Entry point:** `/faion-net` — invoke this skill for automatic routing to the appropriate domain.

# UX/UI Designer Orchestrator

**Communication:** User's language | **Docs/code:** English

## Purpose

Orchestrates UX/UI design activities by coordinating specialized sub-skills. Routes tasks to appropriate specialists for research, design, or accessibility work.

**Philosophy:** "Design is not just what it looks like. Design is how it works." — Steve Jobs

---

## Architecture

```
faion-ux-ui-designer (orchestrator)
├── faion-ux-researcher (30 methodologies)
│   └── Research, testing, personas, journey mapping
├── faion-ui-designer (30 methodologies)
│   └── Wireframes, prototypes, design systems, VUI, spatial
└── faion-accessibility-specialist (22 methodologies)
    └── WCAG, ADA, a11y testing, heuristics
```

**Total:** 82 methodologies

---

## Sub-Skills

| Sub-Skill | Focus | Methodologies | Location |
|-----------|-------|---------------|----------|
| **faion-ux-researcher** | User research, testing, analysis | 30 | [~/.claude/skills/faion-ux-researcher](../faion-ux-researcher/SKILL.md) |
| **faion-ui-designer** | Wireframes, prototypes, design systems, VUI, spatial | 30 | [~/.claude/skills/faion-ui-designer](../faion-ui-designer/SKILL.md) |
| **faion-accessibility-specialist** | WCAG, ADA, a11y testing, heuristics | 22 | [~/.claude/skills/faion-accessibility-specialist](../faion-accessibility-specialist/SKILL.md) |

---

## Quick Decision Guide

| If you need... | Route to | Examples |
|----------------|----------|----------|
| **Research & Understanding** | faion-ux-researcher | User interviews, surveys, usability testing, personas, journey maps, competitive analysis |
| **Design Solutions** | faion-ui-designer | Wireframes, prototypes, design systems, design tokens, VUI, spatial UI, Figma/Adobe |
| **Accessibility & Compliance** | faion-accessibility-specialist | WCAG 2.2, ADA, a11y testing, heuristic evaluation, assistive tech |
| **Multi-domain tasks** | Multiple sub-skills | Discovery (research → design), validation (design → a11y), full cycle (research → design → a11y) |

---

## Common Workflows

### Discovery Phase
```
1. faion-ux-researcher: User interviews
2. faion-ux-researcher: Competitive analysis
3. faion-ux-researcher: Personas
4. faion-ux-researcher: Journey mapping
```

### Design Phase
```
1. faion-ui-designer: Wireframing
2. faion-ui-designer: Prototyping
3. faion-ui-designer: Design systems (if needed)
```

### Validation Phase
```
1. faion-accessibility-specialist: Heuristic evaluation
2. faion-ux-researcher: Usability testing
3. faion-accessibility-specialist: WCAG audit
```

### Full Cycle
```
1. faion-ux-researcher: Discovery
2. faion-ui-designer: Design
3. faion-accessibility-specialist: A11y validation
4. faion-ux-researcher: User testing
5. Iterate
```

---

## Execution Protocol

### Task Analysis
1. Identify task domain (research, design, or a11y)
2. Determine if single or multi-domain task
3. Route to appropriate sub-skill(s)

### Single-Domain Tasks
```
Task → Identify domain → Invoke sub-skill → Return results
```

### Multi-Domain Tasks
```
Task → Break into phases → Invoke sub-skills sequentially → Synthesize results
```

### Coordination
- Pass research findings from ux-researcher to ui-designer
- Send designs from ui-designer to accessibility-specialist for validation
- Loop back to ux-researcher for user testing validation
- Maintain consistent artifacts across sub-skills

---

## Integration Points

| External Skill | Collaboration |
|----------------|---------------|
| faion-product-manager | Receives product requirements, provides research insights |
| faion-software-developer | Provides design specs, receives implementation questions |
| faion-marketing-manager | Collaborates on landing pages, conversion optimization |
| faion-researcher | Shares market research, personas, competitor insights |

---

## Output Formats

Orchestrator outputs depend on sub-skills invoked:

### From faion-ux-researcher
- Research reports
- Personas
- Journey maps
- Usability test results
- Competitive analysis matrices

### From faion-ui-designer
- Wireframes and prototypes
- Design system documentation
- Design tokens (JSON/YAML)
- VUI conversation flows
- Spatial UI mockups

### From faion-accessibility-specialist
- WCAG audit reports
- ADA compliance documentation
- Heuristic evaluation reports
- Assistive technology test results
- VPAT documents

---

## Navigation

For detailed methodologies, see sub-skill documentation:

- **[faion-ux-researcher SKILL.md](../faion-ux-researcher/SKILL.md)** - Research methodologies
- **[faion-ui-designer SKILL.md](../faion-ui-designer/SKILL.md)** - Design methodologies
- **[faion-accessibility-specialist SKILL.md](../faion-accessibility-specialist/SKILL.md)** - Accessibility methodologies

---

## Sources

- [Nielsen Norman Group](https://www.nngroup.com/) - 10 Usability Heuristics
- [IDEO Design Kit](https://www.designkit.org/) - Human-Centered Design
- [WCAG 2.2](https://www.w3.org/WAI/WCAG22/quickref/) - Accessibility
- [Material Design](https://m3.material.io/) - Google Design System
- [Human Interface Guidelines](https://developer.apple.com/design/) - Apple Design

---

*UX/UI Designer Orchestrator v3.0*
*82 Methodologies | 3 Sub-Skills | Specialized Routing*