design

Solid

Design workflows — UX copy, design systems, design critique, accessibility review, design handoff, user research synthesis. Use when writing UI copy, reviewing designs, building component systems, checking accessibility, or preparing developer handoffs.

Web & Frontend 393 stars 36 forks Updated today MIT

Install

View on GitHub

Quality Score: 92/100

Stars 20%

Recency 20%

100

Frontmatter 20%

Documentation 15%

100

Issue Health 10%

License 10%

100

Description 5%

100

Skill Content

# Design Umbrella skill for design workflows: UX copy, design systems, critique, accessibility review, developer handoff, and user research synthesis. Each mode loads its own reference files on demand. --- ## Mode Detection Classify into one mode before proceeding. | Mode | Signal Phrases | Reference | |------|---------------|-----------| | **UX-COPY** | write copy, button text, error message, empty state, onboarding copy, tooltip text, confirmation dialog, notification copy | `references/ux-copy.md` | | **DESIGN-SYSTEM** | design tokens, component library, naming conventions, audit components, document component, extend system, theme architecture | `references/design-systems.md` | | **CRITIQUE** | review design, critique mockup, design feedback, evaluate screen, visual hierarchy, usability review | `references/design-critique.md` | | **ACCESSIBILITY** | WCAG, accessibility audit, color contrast, keyboard navigation, screen reader, a11y, focus management, ARIA | `references/accessibility-review.md` | | **HANDOFF** | developer handoff, spec sheet, handoff doc, implementation spec, design-to-dev, responsive spec | `references/design-handoff.md` | | **RESEARCH** | synthesize research, interview analysis, usability findings, survey results, user segments, research themes | (inline — see workflow) | If the request spans modes, pick the primary mode and note the secondary. --- ## Workflow by Mode ### UX-COPY Mode **Load**: `references/ux-copy.md`, `references/llm-design-f...

Details

Author: notque
Repository: notque/vexjoy-agent
Created: 2 months ago
Last Updated: today
Language: Python
License: MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

product-design

Senior product design expert covering five modes - design review, interaction design, UI audit, product spec, and competitive analysis. Triggers when users need to review UI/UX designs, plan user flows and interactions, check visual consistency and design system compliance, write product design spec documents, or conduct competitive analysis. Even if the user doesn't explicitly say "product design," proactively use this skill when topics involve interface experience, interaction logic, design decisions, user flows, or visual standards.

1 Updated 1 weeks ago

korbinjoe

Web & Frontend Listed

product-design

1 Updated 1 weeks ago

korbinjoe

Web & Frontend Listed

visual-design

Guides and reviews the visual design and brand identity of UI components for web and React Native �� color systems, typography pairing, visual hierarchy, signature details, and named style directions (minimal, swiss, editorial, brutalist, neo-brutalist, glass, soft-UI, terminal, playful, retro). Owns the generative, brand-aware side; defers WCAG contrast math, size minimums, and dark-mode mechanics back to /ux. Modes: `guide` (default — build a component from scratch), `review` (audit existing visuals against direction), `direction` (propose a style direction for a new product or feature). Triggers on "visual design", "make this look good", "brand identity", "style direction", "improve the visuals", "review the look", "does this look generic", "/visual-design".

5 Updated yesterday

mthines