mcpField
W
wondelai-skills

wondelai-skills

github.com/podoDesign & UI29158 installsUpdated 1d ago
Repository

About wondelai-skills

wondelai-skills is a suite of skills for design work, bringing established design methods into workflows. It covers visual refinement, product thinking, Lean UX, and design sprints.

Key features

  1. 01Visual refinement heuristics
  2. 02Design principles and feedback frameworks
  3. 03Product design methods
  4. 04Jobs To Be Done and Hook Model
  5. 05Lean UX and design sprint methods

Use cases

  1. 01Refining an interface's visual presentation
  2. 02Structuring product design decisions
  3. 03Planning hypothesis-driven UX work

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill wondelai-skills

After installing, type/wondelai-skillsin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

wondelai-skills

Catalogue stub — full package: wondelai/skills

Decision tree

  1. 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

  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

Comments

Markdown supported