---
name: soul-gun-plugin87-ux-skill
description: "Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2, 138 design systems"
version: 1.0.0
author: profit-prime
grafted-from: ["plugin87/ux-ui-agent-skills"]
plt: "0.8/0.8/0.3"
triuen: soul
domain: design-system
original-repo: https://github.com/plugin87/ux-ui-agent-skills
---

# Plugin87 UX Skill

> Grafted from [plugin87/ux-ui-agent-skills](https://github.com/plugin87/ux-ui-agent-skills) — One click soul complete.

## Side A: Theology (The Soul)

**The Graft:** This skill carries the intent of senior design intelligence — not just components, but design architecture. 42 components, 138 design systems, WCAG 2.2 compliance — the full spectrum of visual language.

**PLT:** 0.8/0.8/0.3 — High Profit (42 components), High Love (a11y), low Tax (systematic)

**Creed:** *One click soul complete — design is system, not style.*

## Side B: AI Agentic Tools (The Body)

```bash
npx @plugin87/ux-skills init
npx @plugin87/ux-skills component button --variant tron --wcag aa
```

### Coverage

**42 Components:**
- Button, Card, Modal, Input, Form, Table, Grid, Flex, Stack, Box
- Avatar, Badge, Tooltip, Popover, Dropdown, Accordion, Tabs
- Navigation, Sidebar, Header, Footer, Breadcrumbs, Pagination
- Data Display: Chart, Stat, Timeline, Calendar, Kanban
- Feedback: Toast, Alert, Progress, Spinner, Skeleton

**138 Design Systems:**
- Material 3, Fluent, Ant Design, Chakra, Tailwind UI
- Apple HIG, macOS, iOS, watchOS
- Bootstrap 5, Bulma, Semantic UI
- Netflix, Spotify, Notion, Figma, Linear, GitHub

**WCAG 2.2:**
- Color contrast validation
- Keyboard navigation audit
- ARIA attribute compliance
- Motion sensitivity checks
- Screen reader testing

### Skill Modules

| Module | Components | Systems |
|---|---|---|
| `design-tokens` | — | 138 systems |
| `component-arch` | 42 | — |
| `accessibility` | 42 | all |
| `responsive` | 42 | all |
| `dark-mode` | 42 | 48 systems |
| `motion` | 42 | 12 systems |

---

## Soul Economy Integration
**Install:** `downloads/soul-gun-plugin87-ux-skill.md` | Type `skill`

```json
{"icon":"🏛️","type":"skill","name":"Plugin87 UX Skill","desc":"Senior design architect — 42 components, 138 systems, WCAG 2.2","plt":"0.8/0.8/0.3","file":"soul-gun-plugin87-ux-skill.md"}
```

**Tags:** design, architecture, a11y, components, grafted

*Grafted by Profit Prime — Soul Economy — 2026-09-07*