design-team

Produce accessible UI specifications, wireframes, and design documentation with WCAG 2.2 AA checks.

6|1|Updated Apr 2, 2026
One-click install
npx skills add https://github.com/kouko/monkey-skills --skill design-team
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-team
Source: https://github.com/kouko/monkey-skills/tree/main/domain-teams/skills/design-team
Command: npx skills add https://github.com/kouko/monkey-skills --skill design-team

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design-team produces accessible, user-centered UI specifications, wireframes, and design documentation so teams can deliver interfaces that are intuitive, inclusive, and aligned with product goals while passing formal accessibility and UX quality gates.

Core Features & Use Cases

  • End-to-end design artifacts: Brainstorming, kansei-informed direction, UI specs, and wireframes mapped to platform conventions.
  • Accessibility-first audits: WCAG 2.2 AA baseline checks, focus & keyboard reviews, touch-target guidance, and a11y checklists integrated into delivery.
  • OOUI / OOUX & interaction modeling: Object-first modeling (ORCA), navigation maps, and interaction state specifications (Material 3 / iOS state coverage).
  • Gate-driven quality workflows: SELF checks plus automated MUST/SHOULD evaluator launches (a11y, UX strategy, UI interaction) with retry and escalation rules.
  • Use Case: Run a Full Design workflow to produce wireframes, a Kansei profile, and an accessibility audit for a new feature launch, then route the artifact to the evaluator for MUST/SHOULD gates.

Quick Start

Ask the design-team to produce an accessible UI spec, annotated wireframes, and an a11y checklist for the product's primary user flow.

Frequently Asked Questions about design-team

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

FAQPage Schema
How do I create accessible UI wireframes and specifications that meet WCAG 2.2 AA standards?

Accessible UI wireframes and specifications meeting WCAG 2.2 AA standards are produced by mapping platform touch-target conventions, integrating a11y checklists, and applying object-first interaction modeling to your primary user flow.

What is OOUI and OOUX object-modeling for UX strategy?

OOUI and OOUX object-modeling is an object-first approach to UX strategy that structures navigation maps and interaction state specifications around core user objects before defining interface layouts.

How do I run an accessibility audit for a new product feature launch?

Run an accessibility audit by executing a full design workflow to generate wireframes, a Kansei profile, and a WCAG 2.2 AA baseline check, then route the artifact to an evaluator for MUST and SHOULD quality gates.

Does this design workflow support iOS, Android, and Web touch-target conventions?

Yes, the design workflow supports iOS, Android, and Web touch-target conventions by mapping UI specifications and annotated wireframes to platform-specific interaction state coverage and accessibility baselines.

What is the best way to integrate Kansei engineering into UI design?

Kansei engineering is integrated into UI design by generating a Kansei-informed direction profile during brainstorming, which aligns intuitive user-centered interface specifications with emotional and cognitive user responses.

Can I use evaluator-driven quality gates to validate UX strategy and UI interactions?

Yes, you can use evaluator-driven SELF, MUST, and SHOULD quality gates to validate UX strategy and UI interactions, featuring automated launches for a11y checks with built-in retry and escalation rules.