design-agent-skills 1.4.2

package/skills/ux-designer-skill/SKILL.md

@@ -0,0 +1,62 @@
+---
+name: ux-designer-skill
+description: |
+  Synthesizes guidance from 19 authoritative UX sources including Nielsen Norman Group and Laws of UX, with 2026 modern best practices. Covers interaction patterns, cognitive load reduction, visual design, usability principles, and platform conventions.
+triggers:
+  - "UX designer"
+  - "UX principles"
+  - "Laws of UX"
+  - "ux-designer-skill"
+  - "usability guidelines"
+das:
+  type: skill
+  category: design-review
+  upstream: "https://github.com/szilu/ux-designer-skill"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# ux-designer-skill
+
+> Catalogue stub — full skill: [szilu/ux-designer-skill](https://github.com/szilu/ux-designer-skill)
+
+## Decision tree
+
+1. **Is the full skill already installed?**
+   Check whether the skill at this location still has a `das:` block:
+   - Global: `grep -q "^das:" ~/.agents/skills/ux-designer-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/ux-designer-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - No `das:` block → full skill installed, invoke it and proceed
+   - `das:` block present → go to step 2
+
+2. **Detect scope, then install:**
+
+   To detect scope:
+   ```bash
+   [ -e ~/.agents/skills/ux-designer-skill ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add szilu/ux-designer-skill --skill ux-designer-skill -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add szilu/ux-designer-skill --skill ux-designer-skill -y
+   ```
+
+## Invoke after install
+
+- Skill name: `ux-designer-skill`
+- Trigger phrases: "UX designer", "UX principles", "Laws of UX", "ux-designer-skill", "usability guidelines"
+
+## What it does
+
+Synthesizes UX guidance from 19 authoritative sources including Nielsen Norman Group, Laws of UX, and others, updated for 2026 best practices. Covers interaction patterns, cognitive load reduction, visual design principles, usability heuristics, and platform-specific conventions (web, mobile, desktop). Useful when you need principled UX rationale grounded in established frameworks rather than generic advice.
+
+## When NOT to use
+
+- Code-specific implementation — this skill provides design guidance, not code output
+- Brand or visual identity work — use a dedicated brand/creative direction skill

package/skills/ux-designer-skill/stub.yaml

@@ -0,0 +1,5 @@
+type: skill
+tier: experimental
+upstream: https://github.com/szilu/ux-designer-skill
+upstream_path: SKILL.md
+version: latest

package/skills/ux-ui-mastery/SKILL.md

@@ -0,0 +1,53 @@
+---
+name: ux-ui-mastery
+description: |
+  19-skill plugin suite covering cognitive psychology UX, Nielsen heuristics, UX research methods, interaction/motion design, accessibility/inclusive design, mobile UX, desktop app design, cross-cultural i18n UX, agentic AI/generative UX, ambient/zero UI, and spatial/voice UX. 310K+ words incorporating iOS 26 Liquid Glass and WCAG 3.0.
+triggers:
+  - "ux mastery"
+  - "phazurlabs"
+  - "UX ui mastery"
+  - "310k skills"
+  - "iOS 26 UX"
+  - "ambient UI"
+das:
+  type: package
+  category: design-review
+  upstream: "https://github.com/phazurlabs/ux-ui-mastery"
+  version: latest
+  install: false
+---
+
+# ux-ui-mastery
+
+> Catalogue stub — full package: [phazurlabs/ux-ui-mastery](https://github.com/phazurlabs/ux-ui-mastery)
+
+## Decision tree
+
+1. **Is the package already installed?**
+   Check your agent's skills directory for `ux-ui-mastery` with content beyond this stub.
+   - Yes → invoke and proceed
+   - No → go to step 2
+
+2. **Which agent?**
+   - Claude Code / Cursor → `/plugin marketplace add phazurlabs/ux-ui-mastery`
+   - Other → see [GitHub README](https://github.com/phazurlabs/ux-ui-mastery)
+
+## Install command
+
+```bash
+/plugin marketplace add phazurlabs/ux-ui-mastery
+```
+
+## Invoke after install
+
+- Skill name: `ux-ui-mastery`
+- Trigger phrases: "ux mastery", "phazurlabs", "UX ui mastery", "310k skills", "iOS 26 UX", "ambient UI"
+
+## What it does
+
+A 19-skill plugin suite totalling 310K+ words of UX/UI expertise, updated for 2026 with iOS 26 Liquid Glass patterns and WCAG 3.0. Skills cover: cognitive psychology in UX, Nielsen heuristics, UX research methods, interaction design, motion design, accessibility and inclusive design, mobile UX, desktop application design, cross-cultural and i18n UX, agentic AI and generative UX, ambient/zero UI, and spatial and voice UX. Each skill is independently invocable as a deep domain expert.
+
+## When NOT to use
+
+- Quick design review — use `plan-design-review` for a lighter-weight pass
+- Single-domain needs where one focused skill suffices

package/skills/ux-ui-mastery/stub.yaml

@@ -0,0 +1,5 @@
+type: package
+tier: experimental
+upstream: https://github.com/phazurlabs/ux-ui-mastery
+version: latest
+install_default: "/plugin marketplace add phazurlabs/ux-ui-mastery"

package/skills/vercel-skills/SKILL.md

@@ -0,0 +1,65 @@
+---
+name: vercel-skills
+description: |
+  4 official Vercel skills for web design guidelines, component building, React
+  performance, and composition patterns. Enforces 100+ Web Interface Guidelines
+  and accessible, composable component APIs.
+triggers:
+  - "Vercel skill"
+  - "web design guidelines"
+  - "building components"
+  - "React best practices"
+  - "composition patterns"
+  - "Web Interface Guidelines"
+das:
+  category: official-suites
+  upstream: "https://github.com/vercel-labs/skills"
+  version: latest
+  install: false
+---
+
+# vercel-skills
+
+> Catalogue stub — full package: [vercel-labs/skills](https://github.com/vercel-labs/skills)
+
+## Decision tree
+
+Run this before using Vercel skill workflows:
+
+1. **Is a Vercel skill already installed?**
+   Check: `~/.design-agent-skills/skills/building-components/SKILL.md` exists (representative skill).
+   - Yes → invoke the specific skill by name and proceed
+   - No → go to step 2
+
+2. **Do you have shell access?**
+   - Yes → install the specific skill below, then invoke it
+   - No → show the user the install command, ask them to run it, then proceed once confirmed
+
+## Install command
+
+```bash
+# Review UI code against 100+ Web Interface Guidelines
+npx skills add vercel-labs/web-design-guidelines
+
+# Build accessible, composable, themeable UI components
+npx skills add vercel-labs/building-components
+
+# React/Next.js performance optimization
+npx skills add vercel-labs/react-best-practices
+
+# React component composition and reusable patterns
+npx skills add vercel-labs/composition-patterns
+```
+
+> Note: `web-design-guidelines` may be a stale listing — verify install before use.
+
+## Invoke after install
+
+- `web-design-guidelines` — "web design guidelines", "UI review"
+- `building-components` — "build component", "accessible component", "composable API"
+- `react-best-practices` — "React performance", "Next.js optimization"
+- `composition-patterns` — "composition patterns", "reusable React patterns"
+
+## What it does
+
+Vercel's official skill collection: enforces 100+ Web Interface Guidelines in UI code review, guides accessible and composable component architecture, optimizes React/Next.js performance, and establishes reusable component composition patterns.

package/skills/vercel-skills/stub.yaml

@@ -0,0 +1,6 @@
+type: package
+tier: official
+upstream: https://github.com/vercel-labs/skills
+version: latest
+install_default: "npx skills add vercel-labs/<skill>"
+installed_as: building-components

package/skills/wcag-ai-skill/SKILL.md

@@ -0,0 +1,52 @@
+---
+name: wcag-ai-skill
+description: |
+  Turns WCAG 2.2 into practical guidance for web design, frontend implementation, content review, accessibility QA, remediation planning, and conformance documentation. Different focus from wcag-audit-patterns — covers the full WCAG guidance workflow from design through documentation.
+triggers:
+  - "WCAG 2.2 guidance"
+  - "wcag-ai-skill"
+  - "Raze Systems"
+  - "WCAG conformance docs"
+  - "accessibility remediation"
+das:
+  type: package
+  category: accessibility-quality
+  upstream: "https://github.com/Raze-Systems/wcag-ai-skill"
+  version: latest
+  install: false
+---
+
+# wcag-ai-skill
+
+> Catalogue stub — full package: [Raze-Systems/wcag-ai-skill](https://github.com/Raze-Systems/wcag-ai-skill)
+
+## Decision tree
+
+1. **Is the package already installed?**
+   Check your agent's skills directory for `wcag-ai-skill` with content beyond this stub.
+   - Yes → invoke and proceed
+   - No → go to step 2
+
+2. **Which agent?**
+   - Claude Code / Cursor → `npx skills add Raze-Systems/wcag-ai-skill`
+   - Other → see [GitHub README](https://github.com/Raze-Systems/wcag-ai-skill)
+
+## Install command
+
+```bash
+npx skills add Raze-Systems/wcag-ai-skill
+```
+
+## Invoke after install
+
+- Skill name: `wcag-ai-skill`
+- Trigger phrases: "WCAG 2.2 guidance", "wcag-ai-skill", "Raze Systems", "WCAG conformance docs", "accessibility remediation"
+
+## What it does
+
+Translates WCAG 2.2 success criteria into practical, actionable guidance across the full accessibility workflow: web design (what to spec), frontend implementation (how to code it), content review (what writers need to know), accessibility QA (how to test), remediation planning (how to fix issues), and conformance documentation (how to report). Covers the complete WCAG guidance lifecycle rather than just the audit phase. Different from `wcag-audit-patterns` which focuses on the audit/testing phase.
+
+## When NOT to use
+
+- Quick contrast checks — use `fixing-accessibility` for targeted color contrast fixes
+- Automated Lighthouse-style performance audits — use `addyosmani-quality`

package/skills/wcag-ai-skill/stub.yaml

@@ -0,0 +1,5 @@
+type: package
+tier: experimental
+upstream: https://github.com/Raze-Systems/wcag-ai-skill
+version: latest
+install_default: "npx skills add Raze-Systems/wcag-ai-skill"

package/skills/wcag-audit-patterns/SKILL.md

@@ -0,0 +1,53 @@
+---
+name: wcag-audit-patterns
+description: |
+  Runs WCAG 2.2 audits combining automated testing, manual verification steps,
+  and prioritised remediation guidance. Covers perceivability, operability,
+  understandability, and robustness criteria across web interfaces.
+triggers:
+  - "WCAG audit"
+  - "accessibility audit"
+  - "WCAG 2.2"
+das:
+  category: accessibility-quality
+  upstream: "https://github.com/wshobson/wcag-audit-patterns"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# wcag-audit-patterns
+
+> Catalogue stub — full skill: [wshobson/wcag-audit-patterns](https://github.com/wshobson/wcag-audit-patterns)
+
+## Decision tree
+
+Run this before any WCAG compliance audit:
+
+1. **Is the full skill already installed?**
+   Check: `~/.design-agent-skills/skills/wcag-audit-patterns/SKILL.md` exists AND does NOT contain a `das:` block.
+   - Yes → invoke `wcag-audit-patterns` and proceed
+   - No → go to step 2
+
+2. **Do you have shell access?**
+   - Yes → run the install command below, then invoke the skill
+   - No → show the user the install command, ask them to run it, then proceed once confirmed
+
+## Install command
+
+```bash
+npx skills add wshobson/wcag-audit-patterns
+```
+
+Or per-agent:
+- Claude Code: `claude skills add wshobson/wcag-audit-patterns`
+- Cursor/OpenCode: `npx skills add wshobson/wcag-audit-patterns`
+
+## Invoke after install
+
+- Skill name: `wcag-audit-patterns`
+- Trigger phrases: "WCAG audit", "accessibility audit", "WCAG 2.2", "accessibility remediation"
+
+## What it does
+
+Provides structured WCAG 2.2 audit patterns that combine automated testing tools with manual verification checklists. Surfaces failures by success criterion and generates prioritised remediation guidance so teams can address the highest-impact issues first.

package/skills/wcag-audit-patterns/stub.yaml

@@ -0,0 +1,5 @@
+type: package
+tier: community
+upstream: https://github.com/wshobson/wcag-audit-patterns
+version: latest
+install_default: "npx skills add wshobson/wcag-audit-patterns"

package/skills/webgpu-claude-skill/SKILL.md

@@ -0,0 +1,54 @@
+---
+name: webgpu-claude-skill
+description: |
+  WebGPU-enabled Three.js skill covering TSL (Three.js Shading Language), node-based materials,
+  GPU compute shaders, post-processing effects, and WGSL integration. Ships in dual format for
+  Claude Code and Cursor, aligned with Three.js r183+.
+triggers:
+  - "WebGPU"
+  - "TSL Three.js"
+  - "GPU compute shaders"
+  - "WGSL"
+  - "webgpu-claude-skill"
+das:
+  category: creative-3d
+  upstream: "https://github.com/dgreenheck/webgpu-claude-skill"
+  version: latest
+  install: false
+---
+
+# webgpu-claude-skill
+
+> Catalogue stub — full package: [dgreenheck/webgpu-claude-skill](https://github.com/dgreenheck/webgpu-claude-skill)
+
+## Decision tree
+
+1. **Is the package already installed?**
+   Check: `~/.design-agent-skills/skills/webgpu-claude-skill/SKILL.md` exists.
+   - Yes → invoke `webgpu-claude-skill` and proceed
+   - No → go to step 2
+
+2. **Do you have shell access?**
+   - Yes → run the install command below, then invoke the skill
+   - No → show the user the install command, ask them to run it, then proceed once confirmed
+
+## Install command
+
+```bash
+npx skills add dgreenheck/webgpu-claude-skill
+```
+
+## Invoke after install
+
+- Skill name: `webgpu-claude-skill`
+- Trigger phrases: "WebGPU", "TSL Three.js", "GPU compute shaders", "WGSL"
+
+## What it does
+
+Provides deep knowledge of the WebGPU rendering pipeline within Three.js (r183+), including the Three.js Shading Language (TSL) for node-based material authoring, GPU compute shaders for non-rendering workloads, advanced post-processing with WebGPU passes, and WGSL shader integration. Ships in dual format compatible with both Claude Code and Cursor. Use when building high-performance 3D experiences that require GPU compute or next-generation shader authoring.
+
+## When NOT to use
+
+- Standard Three.js scenes without WebGPU — use cloudai-threejs instead
+- GLSL shader work on WebGL — use a standard Three.js skill instead
+- Architecture/BIM workflows — use threejs-claude-skill-package instead

package/skills/webgpu-claude-skill/stub.yaml

@@ -0,0 +1,5 @@
+type: package
+tier: experimental
+upstream: https://github.com/dgreenheck/webgpu-claude-skill
+version: latest
+install_default: "npx skills add dgreenheck/webgpu-claude-skill"

package/skills/wiggle-claude-skill/SKILL.md

@@ -0,0 +1,63 @@
+---
+name: wiggle-claude-skill
+description: |
+  Animates static SVG logos into Lottie JSON format, then renders them as animated
+  GIFs and MP4s. Specialised for logo animation workflows.
+triggers:
+  - "logo animation"
+  - "wiggle"
+  - "SVG to Lottie"
+  - "animated GIF"
+  - "wiggle-claude-skill"
+das:
+  type: skill
+  category: motion-animation
+  upstream: "https://github.com/talknerdytome-labs/wiggle-claude-skill"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# wiggle-claude-skill
+
+> Catalogue stub — full skill: [talknerdytome-labs/wiggle-claude-skill](https://github.com/talknerdytome-labs/wiggle-claude-skill)
+
+## Decision tree
+
+1. **Is the full skill already installed?**
+   Check whether the skill at this location still has a `das:` block:
+   - Global: `grep -q "^das:" ~/.agents/skills/wiggle-claude-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/wiggle-claude-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - No `das:` block → full skill installed, invoke it and proceed
+   - `das:` block present → go to step 2
+
+2. **Detect scope, then install:**
+
+   To detect scope:
+   ```bash
+   [ -e ~/.agents/skills/wiggle-claude-skill ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add talknerdytome-labs/wiggle-claude-skill --skill wiggle-claude-skill -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add talknerdytome-labs/wiggle-claude-skill --skill wiggle-claude-skill -y
+   ```
+
+## Invoke after install
+
+- Skill name: `wiggle-claude-skill`
+- Trigger phrases: "logo animation", "wiggle", "SVG to Lottie", "animated GIF", "wiggle-claude-skill"
+
+## What it does
+
+Specialised logo animation workflow: takes a static SVG logo as input, animates its paths and shapes into Lottie JSON format, then renders the Lottie as both an animated GIF and an MP4 video file. Designed specifically for brand logo animation use cases where you need exportable motion assets rather than in-browser animation.
+
+## When NOT to use
+
+- Complex multi-layer animations beyond logo scope (use `gsap-skills` or `framer-motion-skills`)
+- Non-SVG source assets (the workflow requires SVG input)

package/skills/wiggle-claude-skill/stub.yaml

@@ -0,0 +1,5 @@
+type: skill
+tier: experimental
+upstream: https://github.com/talknerdytome-labs/wiggle-claude-skill
+upstream_path: SKILL.md
+version: latest

package/skills/wireframe-skill/SKILL.md

@@ -0,0 +1,63 @@
+---
+name: wireframe-skill
+description: |
+  Generates wireframes from natural language descriptions, outputting machine-readable
+  JSON (.wireframe.json) and interactive HTML with drag-and-drop reordering and undo/redo.
+  Requires only Python 3 and a browser — no design tool accounts needed.
+triggers:
+  - "wireframe-skill"
+  - "yhassy wireframe"
+  - "JSON wireframe"
+  - "interactive wireframe HTML"
+das:
+  type: skill
+  category: diagrams
+  upstream: "https://github.com/yhassy/wireframe-skill"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# wireframe-skill
+
+> Catalogue stub — full skill: [yhassy/wireframe-skill](https://github.com/yhassy/wireframe-skill)
+
+## Decision tree
+
+1. **Is the full skill already installed?**
+   Check whether the skill at this location still has a `das:` block:
+   - Global: `grep -q "^das:" ~/.agents/skills/wireframe-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/wireframe-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - No `das:` block → full skill installed, invoke it and proceed
+   - `das:` block present → go to step 2
+
+2. **Detect scope, then install:**
+
+   To detect scope:
+   ```bash
+   [ -e ~/.agents/skills/wireframe-skill ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add yhassy/wireframe-skill --skill wireframe-skill -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add yhassy/wireframe-skill --skill wireframe-skill -y
+   ```
+
+## Invoke after install
+
+Skill name: `wireframe-skill`, triggers: "wireframe-skill", "yhassy wireframe", "JSON wireframe", "interactive wireframe HTML"
+
+## What it does
+
+Converts natural language UI descriptions into structured wireframes in two output formats: machine-readable `.wireframe.json` for programmatic use and single-file interactive HTML with drag-and-drop element reordering and undo/redo history. Requires only Python 3 and a modern browser. Ideal for rapid lo-fi ideation before any visual design work begins.
+
+## When NOT to use
+
+- High-fidelity mockups with color and typography — use wireframer instead
+- Excalidraw-format output — use excalidraw-diagram instead
+- When 5 parallel UX variants are needed — use claude-wireframe-skill instead

package/skills/wireframe-skill/stub.yaml

@@ -0,0 +1,5 @@
+type: skill
+tier: community
+upstream: https://github.com/yhassy/wireframe-skill
+upstream_path: SKILL.md
+version: latest

package/skills/wireframer/SKILL.md

@@ -0,0 +1,59 @@
+---
+name: wireframer
+description: |
+  Generate low-fidelity wireframes for UI layouts, user flows, and screen
+  architecture. Focuses on structure and content hierarchy before visual design
+  decisions are made.
+triggers:
+  - "wireframe"
+  - "wireframer"
+  - "low fidelity"
+  - "lo-fi mockup"
+  - "layout skeleton"
+  - "UI structure"
+das:
+  category: diagrams
+  upstream: "https://github.com/agilek/wireframer-skill"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# wireframer
+
+> Catalogue stub — full skill: [agilek/wireframer-skill](https://github.com/agilek/wireframer-skill)
+
+## Decision tree
+
+1. **Is the full skill already installed?**
+   Check whether the skill at this location still has a `das:` block:
+   - Global: `grep -q "^das:" ~/.agents/skills/wireframer/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/wireframer/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - No `das:` block → full skill installed, invoke it and proceed
+   - `das:` block present → go to step 2
+
+2. **Detect scope, then install:**
+
+   To detect scope:
+   ```bash
+   [ -e ~/.agents/skills/wireframer ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add agilek/wireframer-skill --skill wireframer -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add agilek/wireframer-skill --skill wireframer -y
+   ```
+
+## Invoke after install
+
+- Skill name: `wireframer`
+- Trigger phrases: "wireframe", "low fidelity", "lo-fi mockup", "UI structure"
+
+## What it does
+
+Generates low-fidelity wireframes that establish layout, content hierarchy, and navigation structure before any visual design decisions. Forces content-first thinking and prevents premature pixel-pushing. Use before bringing in design skills like impeccable or ui-craft.

package/skills/wireframer/stub.yaml

@@ -0,0 +1,5 @@
+type: skill
+tier: experimental
+upstream: https://github.com/agilek/wireframer-skill
+upstream_path: SKILL.md
+version: latest

package/skills/wondelai-skills/SKILL.md

@@ -0,0 +1,57 @@
+---
+name: wondelai-skills
+description: |
+  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).
+triggers:
+  - "wondelai"
+  - "Refactoring UI skill"
+  - "Design of Everyday Things"
+  - "microinteractions skill"
+  - "Lean UX skill"
+  - "Hook Model skill"
+  - "Design Sprint skill"
+das:
+  type: package
+  category: design-review
+  upstream: "https://github.com/wondelai/skills"
+  version: latest
+  install: false
+---
+
+# wondelai-skills
+
+> Catalogue stub — full package: [wondelai/skills](https://github.com/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.
+
+## Install command
+
+```bash
+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`

package/skills/wondelai-skills/stub.yaml

@@ -0,0 +1,11 @@
+type: package
+tier: community
+upstream: https://github.com/wondelai/skills
+version: latest
+install_default: "npx skills add wondelai/skills"
+installed_as:
+  - refactoring-ui
+  - design-everyday-things
+  - microinteractions
+  - lean-ux
+  - design-sprint