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 2 days ago MIT

Install

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: 2 days ago
Language: Python
License: MIT

Similar Skills

Semantically similar based on skill content — not just same category

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

Web & Frontend Listed

baoyu-design

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), and visual explorations. Use whenever the user asks to design, mock up, prototype, wireframe, visualize, explore, or make a PPT/deck for an interface, product screen, user flow, content layout, visual artifact, or pitch/deck concept, even if they do not say "design". Also use to export a deck built with this skill to PowerPoint (PPT/PPTX) — but only decks authored here (deck-stage / this skill's slide-structured HTML), NOT arbitrary HTML, so confirm the target is such a deck first. Also use for setting up, importing, or authoring reusable design systems, UI kits, brand tokens, or component libraries. Harness-agnostic for Claude Code, Cursor, Codex Agent, and similar file-capable agents.

0 Updated today

Web & Frontend Listed

ui-communication-designer

Communication-first conceptual UI design and critique for one task flow, screen, or bounded journey. Use to diagnose unclear interaction, restructure a flow, recommend screen-level changes, or rewrite labels, instructions, CTAs, helper text, errors, warnings, and confirmations from a PRD, screenshot, wireframe, copy set, or UX findings. Do not use for browser evidence collection or implementation-ready component specifications.

1 Updated 2 days ago