design

Featured

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 412 stars 42 forks Updated 3 days ago MIT

Install

View on GitHub

Quality Score: 93/100

Stars 20%
87
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
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
4 months ago
Last Updated
3 days ago
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

ux-copy

Use when writing or reviewing UI text — buttons, error messages, empty states, onboarding, confirmation dialogs, notifications, tooltips, labels, and any user-facing copy in React/Next.js components. Covers voice and tone calibration, microcopy patterns, copy auditing, and refactoring existing copy for consistency and clarity.

3 Updated today
LeahyCC
Web & Frontend Listed

awesome-design-md

Primary design skill — the default for ALL design tasks across every project. Loaded automatically whenever a design, UI, UX, or visual task is requested. After any design deliverable is produced, this skill runs a mandatory review pass before marking the work complete. Sources 59 curated design system references from the design-refs/ subdirectory, covering the world's best product design (Stripe, Linear, Figma, Airbnb, Notion, etc.).

0 Updated today
Tekkiiiii
Web & Frontend Listed

design-ux

UI/UX design patterns and design system architecture. TRIGGER when: working on component design, layout/grid decisions, design tokens, color palettes, typography, accessibility (WCAG), responsive design, TUI aesthetics, or creating DESIGN.md documentation. Covers React, Tailwind CSS, terminal UI, and mobile patterns with a monospace-first, constraint-based design philosophy. DO NOT TRIGGER when: writing React/TypeScript code logic (use droo-stack skill), building Raxol TUI framework features (use raxol skill), working with CSS-in-JS runtime concerns (this skill covers design decisions, not runtime), or designing API/module/public-surface interfaces (use interface-designer skill).

1 Updated 1 weeks ago
DROOdotFOO