📦 deps(thirdparty): update snapshots
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
---
|
||||
description: Generate a concrete design system (tokens, style, type, UX) before building UI
|
||||
argument-hint: <product/industry + keywords>, e.g. "fintech dashboard trustworthy data-dense"
|
||||
---
|
||||
|
||||
Before writing any markup, produce a design system for: **$ARGUMENTS**
|
||||
|
||||
1. Run the `ui-ux-pro-max` design-system generator to get style + color tokens + typography +
|
||||
UX anti-patterns:
|
||||
```bash
|
||||
python3 <ui-ux-pro-max-skill-path>/scripts/search.py "$ARGUMENTS" --design-system -p "Project"
|
||||
```
|
||||
(Resolve `<ui-ux-pro-max-skill-path>` from the installed skill — see CLAUDE.md.)
|
||||
|
||||
2. Pull anything the brief needs specifically, e.g.:
|
||||
- `--domain color "<industry> <mood>"` for the palette / semantic tokens
|
||||
- `--domain typography "<mood>"` for font pairing + imports
|
||||
- `--domain web-vitals "<page type>"` for the performance budget
|
||||
- `--domain ux "<pattern>"` for do/don't guidance
|
||||
|
||||
3. Then apply the **frontend-design** lens: state purpose / tone / constraints / differentiation,
|
||||
pick ONE tone, choose a single signature element, and reject any choice that reads like a
|
||||
generic AI default.
|
||||
|
||||
Output a compact token block (4–6 named colors, 2–3 type roles, spacing scale, one signature
|
||||
element) and a one-paragraph rationale. Do **not** start building until the tokens are decided.
|
||||
@@ -0,0 +1,15 @@
|
||||
---
|
||||
description: Run the 7-phase design review (WCAG AA, responsive, interaction) on a page or URL
|
||||
argument-hint: [url-or-file] [optional focus, e.g. "mobile nav" or "checkout flow"]
|
||||
---
|
||||
|
||||
Use the **design-review** subagent to audit the target below. Drive a real browser via the
|
||||
Playwright MCP, screenshot each viewport tier, and return ranked findings (Blockers → Nitpicks).
|
||||
|
||||
Target: $1
|
||||
Focus (optional): $2
|
||||
|
||||
If no target was given, ask for the running dev-server URL (or a file path). If a browser
|
||||
cannot be opened, fall back to `node scripts/design-audit.mjs` and report only the heuristic
|
||||
findings, clearly labeled as such. Fix Blockers and High-severity findings before reporting the
|
||||
work as complete.
|
||||
Reference in New Issue
Block a user