skills.rest
notque
notqueCOMMUNITY
Explore all skills by this author →
GitHub

design

Produce design deliverables including UX copy, accessibility audits, and handoff specs.

415|44|Updated Mar 18, 2026
Search Tags:#design#accessibility#design systems#wcag#research synthesis#ux copy#developer handoff
One-click install
npx skills add https://github.com/notque/vexjoy-agent --skill design-notque
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/notque/vexjoy-agent/tree/main/skills/business/design
Command: npx skills add https://github.com/notque/vexjoy-agent --skill design-notque

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Design requests often produce generic, inconsistent, or inaccessible outputs that don’t include the evidence developers need to implement correctly.

Core Features & Use Cases

  • UX copy production: Write product-specific UX copy for buttons, errors, empty states, onboarding, tooltips, and confirmations with tone and character-limit awareness.
  • Design system workflows: Audit, document, and extend component/token architectures while enforcing token mapping, naming consistency, and complete interactive states.
  • Design critique with structure: Deliver stage-appropriate critique using a describe→analyze→interpret→evaluate method tied to concrete elements and recommendations.
  • Accessibility review (WCAG-focused): Generate audit reports across all WCAG principles with criteria-level findings, severity, remediation, contrast checks, and keyboard/screen-reader considerations.
  • Developer handoff specs: Produce implementation-ready specs covering layout, tokens, components, states, interactions, edge cases, responsive behavior, and accessibility requirements.
  • Research synthesis: Triangulate evidence from user-provided sources into themes, insights, prioritized recommendations, and follow-up research questions.

Quick Start

Describe what you are designing and for whom, then ask for the appropriate output (copy, system spec, critique, accessibility audit, handoff spec, or research synthesis) for your target platform.

Frequently Asked Questions about design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a WCAG 2.1 AA accessibility audit for my design?▼

To generate a WCAG 2.1 AA accessibility audit, provide your design context and request an accessibility review. The output includes criteria-level findings, severity ratings, remediation steps, contrast checks, and keyboard/screen-reader considerations.

What do I need to prepare for a developer handoff specification?▼

A developer handoff specification requires describing what you are designing and the target platform. It produces implementation-ready specs covering layout, tokens, components, states, interactions, edge cases, responsive behavior, and accessibility requirements.

How do I write UX copy that matches specific tone and character limits?▼

Writing UX copy involves specifying your product context and target constraints. The process generates tailored copy for buttons, errors, empty states, onboarding, tooltips, and confirmations with tone and character-limit awareness.

Can I audit and extend an existing design system component architecture?▼

You can audit and extend design system components by providing the current token or component architecture. The workflow enforces token mapping, naming consistency, and documents complete interactive states across web and native contexts.

What is the best way to synthesize user research into actionable themes?▼

Research synthesis triangulates evidence from user-provided sources to extract actionable themes. It produces prioritized recommendations, evidence-based insights, and follow-up research questions while avoiding fabricated findings.

How does structured design critique evaluate interactive elements?▼

Structured design critique uses a describe, analyze, interpret, and evaluate method tied to concrete elements. It delivers stage-appropriate feedback and recommendations to improve the overall design quality.

Related Skills

Explore More Design & Creative Skills→
luanluan
1

research

Creates factual QRDSI research artifacts documenting system behavior, constraints, code paths, vocabulary, risks and unknowns.

Community
Intermediate
PetriLahdelmaPetriLahdelma
2

ui-design

Guide UI design covering design systems, typography, color, layout, and Figma handoff.

Community
Advanced
omeraltnomeraltn

agency-ui-designer

Create design tokens, component specs, and WCAG AA accessibility guidance.

Community
Advanced
houkehouke

accessibility-audit

Automate WCAG accessibility audits for web components using axe-core.

Community
Advanced