wondelai-skills
Catalogue stub — full package: wondelai/skills
Decision tree
Is the skill already installed? Check ~/.design-agent-skills/skills/ for wondelai skill directories (e.g. refactoring-ui, lean-ux).
- Yes → invoke the relevant skill and proceed
- No → go to step 2
Shell access? Yes → install below. No → show user the command (Claude Code: send with ! as a chat message — add -g for global or omit for project-only).
Install command
npx skills add wondelai/skills
This installs the full suite. Individual skills from this package include: refactoring-ui, design-everyday-things, microinteractions, lean-ux, design-sprint. Check ls ~/.design-agent-skills/skills/ after install.
Invoke after install
- Skill names:
refactoring-ui, design-everyday-things, microinteractions, lean-ux, design-sprint
- Triggers: "Refactoring UI skill", "Design of Everyday Things", "microinteractions skill", "Lean UX skill", "Design Sprint skill"
What it does
A curated suite of design methodology skills drawn from foundational books. Brings frameworks from Refactoring UI (visual polish heuristics), The Design of Everyday Things (affordances, feedback, mental models), Inspired by Marty Cagan (product design thinking), Jobs To Be Done, the Hook Model (habit-forming product design), Design Sprint (5-day design process), and Lean UX (hypothesis-driven design) into your workflow.
When NOT to use
- Code implementation — these are design thinking and methodology skills, not code-generation skills
- Component-level visual design — use
color-expert, design-tokens-skill, or ui-craft
- Figma execution — use
work-with-design-systems or claude2figma
1---2name: wondelai-skills3description: Design skills derived from seminal books including Refactoring UI, The Design of Everyday Things, Inspired (Marty Cagan), JTBD, Hook Model, Design Sprint, and Lean UX. Available as individual skills (refactoring-ui, design-everyday-things, microinteractions, lean-ux, design-sprint).4---5
6# wondelai-skills
7
8> Catalogue stub — full package: [wondelai/skills](https://github.com/wondelai/skills)
9
10## Decision tree
11
121. **Is the skill already installed?** Check `~/.design-agent-skills/skills/` for wondelai skill directories (e.g. `refactoring-ui`, `lean-ux`).
13 - Yes → invoke the relevant skill and proceed
14 - No → go to step 2
15
162. **Shell access?** Yes → install below. No → show user the command (Claude Code: send with `!` as a chat message — add `-g` for global or omit for project-only).
17
18## Install command
19
20```bash
21npx skills add wondelai/skills
22```
23
24> This installs the full suite. Individual skills from this package include: `refactoring-ui`, `design-everyday-things`, `microinteractions`, `lean-ux`, `design-sprint`. Check `ls ~/.design-agent-skills/skills/` after install.
25
26## Invoke after install
27
28- Skill names: `refactoring-ui`, `design-everyday-things`, `microinteractions`, `lean-ux`, `design-sprint`
29- Triggers: "Refactoring UI skill", "Design of Everyday Things", "microinteractions skill", "Lean UX skill", "Design Sprint skill"
30
31## What it does
32
33A curated suite of design methodology skills drawn from foundational books. Brings frameworks from Refactoring UI (visual polish heuristics), The Design of Everyday Things (affordances, feedback, mental models), Inspired by Marty Cagan (product design thinking), Jobs To Be Done, the Hook Model (habit-forming product design), Design Sprint (5-day design process), and Lean UX (hypothesis-driven design) into your workflow.
34
35## When NOT to use
36
37- Code implementation — these are design thinking and methodology skills, not code-generation skills
38- Component-level visual design — use `color-expert`, `design-tokens-skill`, or `ui-craft`
39- Figma execution — use `work-with-design-systems` or `claude2figma`
podo