Pair Design
Use this skill for collaborative UX/UI design work — designing user flows, creating wireframes or prototypes, working through interaction design problems, or making structured design decisions where iteration and rationale matter. Triggers include: 'design a flow', 'create a wireframe', 'let's pair design', 'I need to design X', 'walk me through designing Y', requests for prototype screens, mentions of UX/UI methodology, interaction design, information architecture, or service design. The skill enforces a disciplined one-artifact-at-a-time methodology with clear human-AI roles (Synth/Gen) and
Install
npx skills add mary13/pair-design-agent-skill --skill pair-designgit clone --depth 1 https://github.com/mary13/pair-design-agent-skill.git /tmp/pair-design-agent-skill
mkdir -p ~/.claude/skills
cp -r /tmp/pair-design-agent-skill/. ~/.claude/skills/pair-designPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# Pair Design
A collaborative design methodology adapted from Noessel & Anderson's *Pair Design* for human-AI work.
## The golden rule
**Never produce multiple screens or artifacts in one response.** Work one step at a time: create → review → iterate → approve → document → next.
This is the foundation. Everything else flows from it.
## Roles
### Gen (the AI)
- Propose options and alternatives
- Generate **one** artifact per response, with rationale
- Ask clarifying questions before building when requirements are ambiguous
- Surface major decisions as choices for synth, don't decide unilaterally
- Wait for feedback before producing the next artifact
### Synth (the human)
- Frame the problem, share context, define success criteria
- Give specific, actionable feedback ("button hierarchy unclear" — not "looks off")
- Make decisions when gen presents options
- Catch agreement violations early and call them out
Roles can swap when the human wants to propose a specific solution or the AI needs to clarify requirements.
## Workflow
1. **Frame** — Synth defines the problem, context, constraints, success criteria
2. **Generate** — Gen creates ONE artifact with rationale and any alternatives considered
3. **Review** — Synth gives specific feedback
4. **Iterate** — Refine based on feedback until approved
5. **Document** — Capture significant decisions (see template selection below)
6. **Next** — Move to the next artifact
Loop steps 2–6 until the objective is met.Details
- Skill name
pair-design- Repository
- mary13/pair-design-agent-skill
- Repo updated
- 15 May 2026
FAQ
What does the Pair Design skill do?
Use this skill for collaborative UX/UI design work — designing user flows, creating wireframes or prototypes, working through interaction design problems, or making structured design decisions where iteration and rationale matter. Triggers include: 'design a flow', 'create a wireframe', 'let's pair design', 'I need to design X', 'walk me through designing Y', requests for prototype screens, mentions of UX/UI methodology, interaction design, information architecture, or service design. The skill enforces a disciplined one-artifact-at-a-time methodology with clear human-AI roles (Synth/Gen) and
How do I install the Pair Design skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add mary13/pair-design-agent-skill --skill pair-design. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Pair Design popular?
It lives in mary13/pair-design-agent-skill, which has 9 GitHub stars and 1 forks.
Related skills
Rsa Whiteboard Teacher
9tangyc828/RSA-Whiteboard-Animation
Generate RSA-style whiteboard animation storyboards with scene timing, image prompts, and narration scripts. Supports English and Chinese.
Obsidian Theme Designer
9XiangyuSu611/obsidian-theme-designer
Use when the user wants to design, preview, or customize an Obsidian vault theme — including choosing styles, comparing color schemes, adjusting typography, or generating CSS snippets. Triggers on keywords like "Obsidian theme", "color scheme", "CSS snippet", "appearance".
Wcag Accessibility
9mrKanoh/wcag-accessibility-audit-skill
WCAG 2.1/2.2 AA accessibility skill: audits, remediation, ARIA roles and patterns, keyboard navigation, focus management, screen reader behavior (NVDA, JAWS, VoiceOver, TalkBack), color contrast, accessible components (modals, menus, tabs, forms, tables, comboboxes), React, Vue, Angular, Svelte and Next.js, mobile a11y (React Native, SwiftUI, Compose), cognitive accessibility, legal compliance (ADA, EAA, Section 508, EN 301 549, VPAT/ACR) and CI testing (axe-core, pa11y, Playwright). Use when the user asks whether UI is accessible or passes WCAG, asks about ARIA, focus traps, live regions, ski
Frontend Expert
9sukirman1901/frontend-expert
Chat-first frontend UI quality suite — 33 skills across UI Quality, Responsive, Ship FE, and Depth pillars. Token decision tree, compliance gates, anti-AI-slop, motion vocabulary (12 families), marketing landing recipes, and quality loop. Auto-loads on any UI/build/audit/polish request — no slash commands needed.
Web Card Game
9mars-tw/web-card-game-skill
維護「阿軒卡牌對戰」時使用。這是一款原生 HTML/CSS/JS 網頁 TCG，包含對戰、卡包、收藏、牌組工作台、每日任務、收藏里程碑與週任務。
Ckw Design
9connerkward/ckw-design-skill
Entry point for frontend design. Use WHENEVER building or touching the look of any web UI — components, pages, dashboards, landing pages, React/Vue/HTML-CSS — and whenever the user says "make this look better/nicer", "fix the spacing/layout", or mentions styling, color, typography, fonts, responsive design, polish, or aesthetics, even without the word "design". Load design-thinking for direction; design-system for implementation; design-spatial for layout; design-philosophy for visual philosophy or art-direction.
Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.