design-agent-skills 1.4.2

package/skills/fixing-motion-performance/SKILL.md

@@ -0,0 +1,54 @@
+---
+name: fixing-motion-performance
+description: |
+  Audits and fixes animation performance issues including layout thrashing,
+  compositor properties, scroll-linked motion, and blur effects. Guides
+  developers to smooth, GPU-accelerated animations that avoid jank.
+triggers:
+  - "motion performance"
+  - "animation performance"
+  - "layout thrashing"
+  - "compositor properties"
+das:
+  category: motion-animation
+  upstream: "https://github.com/ibelick/fixing-motion-performance"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# fixing-motion-performance
+
+> Catalogue stub — full skill: [ibelick/fixing-motion-performance](https://github.com/ibelick/fixing-motion-performance)
+
+## Decision tree
+
+Run this before any motion performance audit:
+
+1. **Is the full skill already installed?**
+   Check: `~/.design-agent-skills/skills/fixing-motion-performance/SKILL.md` exists AND does NOT contain a `das:` block.
+   - Yes → invoke `fixing-motion-performance` 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 ibelick/fixing-motion-performance
+```
+
+Or per-agent:
+- Claude Code: `claude skills add ibelick/fixing-motion-performance`
+- Cursor/OpenCode: `npx skills add ibelick/fixing-motion-performance`
+
+## Invoke after install
+
+- Skill name: `fixing-motion-performance`
+- Trigger phrases: "motion performance", "animation performance", "layout thrashing", "compositor properties"
+
+## What it does
+
+Audits animations for layout thrashing, incorrect compositor property usage, scroll-linked motion anti-patterns, and expensive blur effects. Provides concrete fixes to move animations onto the GPU and eliminate frame drops for smooth, production-grade motion.

package/skills/fixing-motion-performance/stub.yaml

@@ -0,0 +1,5 @@
+type: package
+tier: community
+upstream: https://github.com/ibelick/fixing-motion-performance
+version: latest
+install_default: "npx skills add ibelick/fixing-motion-performance"

package/skills/framer-motion-skills/SKILL.md

@@ -0,0 +1,55 @@
+---
+name: framer-motion-skills
+description: |
+  Six dedicated Framer Motion skills: core animation, React/Next.js integration,
+  variants and orchestration, scroll animations, gestures (drag/tap/hover), and
+  layout/shared transitions.
+triggers:
+  - "Framer Motion"
+  - "framer animation"
+  - "layout animation"
+  - "shared transitions"
+  - "motion variants"
+das:
+  type: package
+  category: motion-animation
+  upstream: "https://github.com/C-Jeril/framer-motion-skills"
+  version: latest
+  install: false
+---
+
+# framer-motion-skills
+
+> Catalogue stub — full package: [C-Jeril/framer-motion-skills](https://github.com/C-Jeril/framer-motion-skills)
+
+## Decision tree
+
+1. **Is the package already installed?**
+   Check: your agent's skills directory contains `framer-motion-skills` with content beyond this stub.
+   - Yes → invoke `framer-motion-skills` and proceed
+   - No → go to step 2
+
+2. **Which agent are you on?**
+   - Claude Code → `npx skills add C-Jeril/framer-motion-skills`
+   - Cursor → `npx skills add C-Jeril/framer-motion-skills`
+   - Other → `npx skills add C-Jeril/framer-motion-skills` or see [GitHub README](https://github.com/C-Jeril/framer-motion-skills)
+
+## Install command
+
+```bash
+npx skills add C-Jeril/framer-motion-skills
+```
+
+## Invoke after install
+
+- Skill name: `framer-motion-skills`
+- Trigger phrases: "Framer Motion", "framer animation", "layout animation", "shared transitions", "motion variants"
+
+## What it does
+
+Six dedicated Framer Motion skills covering the full library surface: core animation primitives (`motion` components, `animate`, `initial`, `exit`), React and Next.js integration patterns, variants and animation orchestration (`staggerChildren`, `delayChildren`, `when`), scroll-linked and scroll-triggered animations (`useScroll`, `useTransform`), gesture-driven interactions (drag, tap, hover, `whileDrag`/`whileHover`/`whileTap`), and layout animations with shared element transitions (`layoutId`).
+
+## When NOT to use
+
+- GSAP-specific projects or complex timeline orchestration (use `gsap-skills`)
+- Vanilla CSS animation without a React framework (use `animate-css-skill`)

package/skills/framer-motion-skills/stub.yaml

@@ -0,0 +1,5 @@
+type: package
+tier: experimental
+upstream: https://github.com/C-Jeril/framer-motion-skills
+version: latest
+install_default: "npx skills add C-Jeril/framer-motion-skills"

package/skills/frontend-design/SKILL.md

@@ -0,0 +1,65 @@
+---
+name: frontend-design
+description: |
+  8 aesthetic anchors (Brutalist, Nordic, Cyberpunk, Vaporwave, Organic, Luxury, Editorial,
+  Industrial), each locking palette, typography, and texture to specific CSS tokens. Pick one
+  per brief and the skill generates matching code.
+triggers:
+  - "aesthetic anchor"
+  - "brutalist design"
+  - "nordic design"
+  - "themed UI"
+  - "frontend-design"
+das:
+  type: skill
+  category: design-systems
+  upstream: "https://github.com/Ilm-Alan/frontend-design"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# frontend-design
+
+> Catalogue stub — full skill: [Ilm-Alan/frontend-design](https://github.com/Ilm-Alan/frontend-design)
+
+## 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/frontend-design/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/frontend-design/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/frontend-design ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add Ilm-Alan/frontend-design --skill frontend-design -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add Ilm-Alan/frontend-design --skill frontend-design -y
+   ```
+
+## Invoke after install
+
+- Skill name: `frontend-design`
+- Trigger phrases: "aesthetic anchor", "brutalist design", "nordic design", "themed UI", "frontend-design"
+
+## What it does
+
+Provides 8 named aesthetic anchors — Brutalist, Nordic, Cyberpunk, Vaporwave, Organic, Luxury, Editorial, and Industrial — each defined by a locked set of CSS custom properties covering palette, typography scale, and texture tokens. The user picks one anchor per brief and the skill generates component code that strictly adheres to those tokens. This prevents aesthetic drift across a project by making the design system the constraint, not a suggestion.
+
+## When NOT to use
+
+- When you need multi-stack support across React, Vue, and Svelte simultaneously (use `ui-ux-pro-max`)
+- When the primary deliverable is animation-heavy or video (use `remotion`)
+- When no specific aesthetic direction has been chosen and you need exploration first (use `design-consultation`)

package/skills/frontend-design/stub.yaml

@@ -0,0 +1,5 @@
+type: skill
+tier: experimental
+upstream: https://github.com/Ilm-Alan/frontend-design
+upstream_path: SKILL.md
+version: latest

package/skills/frontend-slides/SKILL.md

@@ -0,0 +1,59 @@
+---
+name: frontend-slides
+description: |
+  Create animation-rich HTML presentations from scratch or convert PPT/PPTX into
+  polished web slides. Produces self-contained HTML files with smooth transitions,
+  custom layouts, and presenter-friendly controls.
+triggers:
+  - "frontend slides"
+  - "HTML slides"
+  - "web presentation"
+  - "animated slides"
+  - "HTML presentation"
+  - "convert PPT to HTML"
+das:
+  category: presentations
+  upstream: "https://github.com/zarazhangrui/frontend-slides"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# frontend-slides
+
+> Catalogue stub — full skill: [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides)
+
+## 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/frontend-slides/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/frontend-slides/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/frontend-slides ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add zarazhangrui/frontend-slides --skill frontend-slides -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add zarazhangrui/frontend-slides --skill frontend-slides -y
+   ```
+
+## Invoke after install
+
+- Skill name: `frontend-slides`
+- Trigger phrases: "frontend slides", "HTML slides", "web presentation", "animated slides"
+
+## What it does
+
+Creates animation-rich, self-contained HTML presentations from scratch or by converting existing PPT/PPTX files into polished web slides. Supports smooth transitions, custom layouts, speaker notes, and keyboard/touch navigation. Output is a single HTML file — no build step required.

package/skills/frontend-slides/stub.yaml

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

package/skills/generative-media-skills/SKILL.md

@@ -0,0 +1,56 @@
+---
+name: generative-media-skills
+description: |
+  41 workflow recipes for AI media generation covering Midjourney v7, Flux Kontext, Kling 3.0,
+  Veo3, Seedance 2.0, and 100+ models. Covers image generation, video creation, audio (Suno),
+  and social media content. Requires a muapi account and muapi-cli.
+triggers:
+  - "generative media"
+  - "Flux Kontext"
+  - "Kling 3.0"
+  - "Veo3"
+  - "SamurAIGPT"
+das:
+  category: creative-3d
+  upstream: "https://github.com/SamurAIGPT/Generative-Media-Skills"
+  version: latest
+  install: false
+---
+
+# generative-media-skills
+
+> Catalogue stub — full platform: [SamurAIGPT/Generative-Media-Skills](https://github.com/SamurAIGPT/Generative-Media-Skills)
+
+## Account requirement
+
+**A muapi account is required.** Sign up at [muapi.ai](https://muapi.ai) before installing. The `muapi-cli` tool provides the runtime bridge to 100+ AI media models.
+
+## Install methods
+
+| Method | Command |
+|--------|---------|
+| Install all 41 skills | `npx skills add SamurAIGPT/Generative-Media-Skills --all` |
+| Install individual skill | `npx skills add SamurAIGPT/Generative-Media-Skills --skill <name>` |
+| Authenticate muapi | `npx muapi-cli auth login` |
+
+## Decision tree
+
+1. **Do you have a muapi account?**
+   - No → direct user to [muapi.ai](https://muapi.ai) to create an account first.
+   - Yes → go to step 2.
+2. **Is muapi-cli authenticated?** Run `npx muapi-cli auth status`.
+   - No → run `npx muapi-cli auth login`
+   - Yes → go to step 3.
+3. **Are the skills installed?** Check `~/.design-agent-skills/skills/` for generative-media skill directories.
+   - No → run the install command above.
+   - Yes → invoke the relevant skill by name.
+
+## What it does
+
+Provides 41 structured workflow recipes that orchestrate 100+ AI media generation models through the muapi platform. Covers text-to-image (Midjourney v7, Flux Kontext, DALL-E), text-to-video (Kling 3.0, Veo3, Seedance 2.0), music and audio generation (Suno), and social media content creation workflows. Each skill encapsulates prompt patterns, parameter tuning, and model selection for a specific media output type.
+
+## When NOT to use
+
+- Without a muapi account — the skills require muapi-cli authentication
+- fal.ai model workflows specifically — use fal-ai-skills instead
+- Static image editing without AI generation

package/skills/generative-media-skills/stub.yaml

@@ -0,0 +1,4 @@
+type: platform
+tier: experimental
+upstream: https://github.com/SamurAIGPT/Generative-Media-Skills
+version: latest

package/skills/google-fonts-skill/SKILL.md

@@ -0,0 +1,69 @@
+---
+name: google-fonts-skill
+description: |
+  Searches 1,923 enriched Google Fonts with personality/mood tags, suggests
+  73 proven pairings, generates CSS custom properties + Tailwind config +
+  embed links, offers 8 modular scales, and 100 pre-made typography showcases.
+  Runs as MCP server or Claude plugin.
+triggers:
+  - "Google Fonts"
+  - "font pairing"
+  - "typography skill"
+  - "google-fonts-skill"
+  - "modular scale"
+  - "font mood"
+  - "font personality"
+das:
+  type: platform
+  category: visual-components
+  upstream: "https://github.com/sliday/google-fonts-skill"
+  version: latest
+  install: false
+---
+
+# google-fonts-skill
+
+> Catalogue stub — full platform skill: [sliday/google-fonts-skill](https://github.com/sliday/google-fonts-skill)
+
+## Decision tree
+
+1. **Is the skill already active?** Check if the `google-fonts` MCP server is connected or the plugin is installed.
+   - Yes → proceed directly
+   - No → go to step 2
+
+2. **Which install method fits your environment?**
+   - MCP server → install with `uvx` (see below)
+   - Claude plugin → install with `claude plugin install` (see below)
+   - If unsure → show both options to the user
+
+## Install methods
+
+### Option A — MCP server
+
+```bash
+claude mcp add google-fonts -- uvx google-fonts-mcp
+```
+
+### Option B — Claude plugin
+
+```bash
+claude plugin install google-fonts
+```
+
+> Note: Requires Python/uvx for the MCP path. See the [GitHub README](https://github.com/sliday/google-fonts-skill) for full setup instructions.
+
+## Invoke after install
+
+- Skill name: `google-fonts-skill`
+- MCP server name: `google-fonts`
+- Triggers: "Google Fonts", "font pairing", "modular scale", "typography showcase"
+
+## What it does
+
+Provides intelligent Google Fonts selection across 1,923 fonts enriched with personality and mood metadata. Suggests from 73 battle-tested pairing combinations, generates ready-to-use CSS custom properties, Tailwind configuration snippets, and Google Fonts embed links. Offers 8 modular type scales and 100 pre-built typography showcases for instant design direction.
+
+## When NOT to use
+
+- Non-Google font sources (self-hosted, Adobe Fonts, etc.)
+- Complete brand typography system needing token architecture — pair with `design-tokens-skill`
+- Variable font fine-tuning at axis level — consult font-specific documentation

package/skills/google-fonts-skill/stub.yaml

@@ -0,0 +1,4 @@
+type: platform
+tier: experimental
+upstream: https://github.com/sliday/google-fonts-skill
+version: latest

package/skills/google-stitch-skills/SKILL.md

@@ -0,0 +1,71 @@
+---
+name: google-stitch-skills
+description: |
+  6 official Google Stitch skills for the complete design-to-code pipeline:
+  DESIGN.md management, prompt enhancement, React component generation, shadcn/ui
+  components, and iterative Stitch feedback loops.
+triggers:
+  - "Stitch skill"
+  - "google stitch"
+  - "design-md"
+  - "stitch loop"
+  - "enhance prompt"
+  - "stitch shadcn"
+das:
+  category: figma-code
+  upstream: "https://github.com/google-labs-code/stitch-skills"
+  version: latest
+  install: false
+---
+
+# google-stitch-skills
+
+> Catalogue stub — full package: [google-labs-code/stitch-skills](https://github.com/google-labs-code/stitch-skills)
+
+## Decision tree
+
+Run this for any Google Stitch design workflow:
+
+1. **Is a Stitch skill already installed?**
+   Check: `~/.design-agent-skills/skills/stitch-loop/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
+# Create and manage DESIGN.md files
+npx skills add google-labs-code/design-md
+
+# Improve prompts with UI/UX vocabulary
+npx skills add google-labs-code/enhance-prompt
+
+# Extract Stitch design specs into DESIGN.md format
+npx skills add google-labs-code/extract-design-md
+
+# Convert Stitch to React components
+npx skills add google-labs-code/react-components
+
+# Build components with shadcn/ui
+npx skills add google-labs-code/shadcn-ui
+
+# Iterative design-to-code feedback loop
+npx skills add google-labs-code/stitch-loop
+```
+
+## Invoke after install
+
+- `design-md` — "DESIGN.md", "create design spec"
+- `enhance-prompt` — "enhance my prompt", "improve UI prompt"
+- `extract-design-md` — "extract design md", "Stitch to DESIGN.md"
+- `react-components` — "Stitch to React", "convert to React"
+- `shadcn-ui` — "Stitch to shadcn", "build with shadcn"
+- `stitch-loop` — "stitch loop", "iterate design"
+
+## What it does
+
+Google Labs' official Stitch skill collection for the complete design-to-code pipeline. Manages DESIGN.md specification files, enhances prompts with UI/UX vocabulary, converts Stitch output to React components or shadcn/ui, extracts design specs, and runs iterative improvement loops.

package/skills/google-stitch-skills/stub.yaml

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

package/skills/gsap-skills/SKILL.md

@@ -0,0 +1,55 @@
+---
+name: gsap-skills
+description: |
+  Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger,
+  plugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps),
+  and frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot.
+triggers:
+  - "GSAP"
+  - "GreenSock"
+  - "ScrollTrigger"
+  - "GSAP timeline"
+  - "useGSAP"
+das:
+  type: package
+  category: motion-animation
+  upstream: "https://github.com/greensock/gsap-skills"
+  version: latest
+  install: false
+---
+
+# gsap-skills
+
+> Catalogue stub — full package: [greensock/gsap-skills](https://github.com/greensock/gsap-skills)
+
+## Decision tree
+
+1. **Is the package already installed?**
+   Check: your agent's skills directory contains `gsap-skills` with content beyond this stub.
+   - Yes → invoke `gsap-skills` and proceed
+   - No → go to step 2
+
+2. **Which agent are you on?**
+   - Claude Code → `npx skills add https://github.com/greensock/gsap-skills`
+   - Cursor → `npx skills add https://github.com/greensock/gsap-skills`
+   - Other → `npx skills add https://github.com/greensock/gsap-skills` or see [GitHub README](https://github.com/greensock/gsap-skills)
+
+## Install command
+
+```bash
+npx skills add https://github.com/greensock/gsap-skills
+```
+
+## Invoke after install
+
+- Skill name: `gsap-skills`
+- Trigger phrases: "GSAP", "GreenSock", "ScrollTrigger", "GSAP timeline", "useGSAP"
+
+## What it does
+
+Official GreenSock GSAP skills suite comprising 8 focused skills: core GSAP tweening, Timeline orchestration, ScrollTrigger (scroll-linked and scroll-triggered animations), plugin-specific skills for Flip, Draggable, and SplitText, a utilities skill, a React skill covering the `useGSAP` hook and cleanup patterns, a performance skill targeting 60fps GPU-accelerated motion, and a frameworks skill covering Vue, Svelte, and Nuxt integration. Works across Cursor, Claude Code, and GitHub Copilot.
+
+## When NOT to use
+
+- Pure CSS animations without JavaScript (use `animate-css-skill`)
+- Framer Motion projects in React (use `framer-motion-skills`)

package/skills/gsap-skills/stub.yaml

@@ -0,0 +1,5 @@
+type: package
+tier: official
+upstream: https://github.com/greensock/gsap-skills
+version: latest
+install_default: "npx skills add https://github.com/greensock/gsap-skills"

package/skills/guizang-ppt/SKILL.md

@@ -0,0 +1,58 @@
+---
+name: guizang-ppt
+description: |
+  Generate structured PowerPoint presentations from content or outlines.
+  Produces clean .pptx files with consistent slide layouts, proper hierarchy,
+  and presenter-ready formatting.
+triggers:
+  - "guizang ppt"
+  - "generate PowerPoint"
+  - "create presentation"
+  - "make slides"
+  - "PPTX from outline"
+das:
+  category: presentations
+  upstream: "https://github.com/op7418/guizang-ppt-skill"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# guizang-ppt
+
+> Catalogue stub — full skill: [op7418/guizang-ppt-skill](https://github.com/op7418/guizang-ppt-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/guizang-ppt/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/guizang-ppt/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/guizang-ppt ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add op7418/guizang-ppt-skill --skill guizang-ppt -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add op7418/guizang-ppt-skill --skill guizang-ppt -y
+   ```
+
+## Invoke after install
+
+- Skill name: `guizang-ppt`
+- Trigger phrases: "generate PowerPoint", "create presentation", "make slides", "PPTX from outline"
+
+## What it does
+
+Generates structured .pptx PowerPoint presentations from content outlines or raw text. Applies consistent slide layouts, correct typographic hierarchy, and clean formatting suitable for business and product presentations. Simpler than nanobanan-ppt (no image generation) but has no external API dependencies.

package/skills/guizang-ppt/stub.yaml

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

package/skills/hand-drawn-diagrams/SKILL.md

@@ -0,0 +1,57 @@
+---
+name: hand-drawn-diagrams
+description: |
+  Generate hand-drawn Excalidraw diagrams from a text prompt. Produces animated SVG,
+  a hosted edit link, and PNG export. Lightweight alternative to excalidraw-diagram
+  with a focus on quick ideation sketches.
+triggers:
+  - "hand drawn diagram"
+  - "sketch diagram"
+  - "excalidraw sketch"
+  - "rough diagram"
+das:
+  category: diagrams
+  upstream: "https://github.com/muthuishere/hand-drawn-diagrams"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# hand-drawn-diagrams
+
+> Catalogue stub — full skill: [muthuishere/hand-drawn-diagrams](https://github.com/muthuishere/hand-drawn-diagrams)
+
+## 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/hand-drawn-diagrams/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/hand-drawn-diagrams/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/hand-drawn-diagrams ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add muthuishere/hand-drawn-diagrams --skill hand-drawn-diagrams -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add muthuishere/hand-drawn-diagrams --skill hand-drawn-diagrams -y
+   ```
+
+## Invoke after install
+
+- Skill name: `hand-drawn-diagrams`
+- Trigger phrases: "hand drawn diagram", "sketch diagram", "rough diagram"
+
+## What it does
+
+Generates hand-drawn style Excalidraw diagrams from a text prompt with animated SVG output, a hosted live-edit link, and PNG export. Best for quick whiteboard-style sketches and early ideation where the rough aesthetic communicates "this is exploratory."

package/skills/hand-drawn-diagrams/stub.yaml

@@ -0,0 +1,5 @@
+type: skill
+tier: experimental
+upstream: https://github.com/muthuishere/hand-drawn-diagrams
+upstream_path: SKILL.md
+version: latest