design-agent-skills 1.4.2

package/skills/react-doctor/SKILL.md

@@ -0,0 +1,55 @@
+---
+name: react-doctor
+description: |
+  Detects regressions in security, performance, correctness, and architecture
+  across React codebases using score-based quality checks. Surfaces issues with
+  severity ratings and actionable remediation steps for each finding.
+triggers:
+  - "react doctor"
+  - "React audit"
+  - "React performance"
+  - "React security"
+  - "component quality"
+das:
+  category: accessibility-quality
+  upstream: "https://github.com/millionco/react-doctor"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# react-doctor
+
+> Catalogue stub — full skill: [millionco/react-doctor](https://github.com/millionco/react-doctor)
+
+## Decision tree
+
+Run this before any React code quality audit:
+
+1. **Is the full skill already installed?**
+   Check: `~/.design-agent-skills/skills/react-doctor/SKILL.md` exists AND does NOT contain a `das:` block.
+   - Yes → invoke `react-doctor` 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 millionco/react-doctor
+```
+
+Or per-agent:
+- Claude Code: `claude skills add millionco/react-doctor`
+- Cursor/OpenCode: `npx skills add millionco/react-doctor`
+
+## Invoke after install
+
+- Skill name: `react-doctor`
+- Trigger phrases: "react doctor", "React audit", "React performance", "React security", "component quality"
+
+## What it does
+
+Runs score-based quality checks across a React codebase to detect regressions in security, rendering performance, correctness, and architectural soundness. Returns findings ranked by severity with specific component locations and actionable remediation guidance for each issue.

package/skills/react-doctor/stub.yaml

@@ -0,0 +1,5 @@
+type: package
+tier: community
+upstream: https://github.com/millionco/react-doctor
+version: latest
+install_default: "npx skills add millionco/react-doctor"

package/skills/remotion/SKILL.md

@@ -0,0 +1,59 @@
+---
+name: remotion
+description: |
+  Create programmatic videos with React. Official Remotion skill — compose video
+  sequences using React components, animate with spring physics, and render to
+  MP4/GIF. Ideal for product demos, explainers, and data-driven videos.
+triggers:
+  - "remotion"
+  - "programmatic video"
+  - "React video"
+  - "video with React"
+  - "animated video"
+  - "render video"
+das:
+  category: creative-3d
+  upstream: "https://github.com/remotion-dev/skills"
+  upstream_path: "skills/remotion/SKILL.md"
+  version: latest
+  install: true
+---
+
+# remotion
+
+> Catalogue stub — full skill: [remotion-dev/skills](https://github.com/remotion-dev/skills/blob/main/skills/remotion/SKILL.md)
+
+## 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/remotion/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/remotion/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/remotion ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add remotion-dev/skills --skill remotion -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add remotion-dev/skills --skill remotion -y
+   ```
+
+## Invoke after install
+
+- Skill name: `remotion`
+- Trigger phrases: "remotion", "programmatic video", "React video", "animated video"
+
+## What it does
+
+Official Remotion skill for creating programmatic videos with React. Compose video sequences as React components, animate with spring physics and interpolation, and render to MP4, WebM, or GIF. Best for product demos, data-driven visualizations, and explainer animations that require code-controlled precision.

package/skills/remotion/stub.yaml

@@ -0,0 +1,5 @@
+type: skill
+tier: official
+upstream: https://github.com/remotion-dev/skills
+upstream_path: skills/remotion/SKILL.md
+version: latest

package/skills/revealjs-skill/SKILL.md

@@ -0,0 +1,54 @@
+---
+name: revealjs-skill
+description: |
+  Generates professional Reveal.js presentations with themed designs, multi-column layouts,
+  Chart.js data visualization, speaker notes, staggered animations, and PDF export.
+  No build step required — outputs standalone HTML files.
+triggers:
+  - "Reveal.js"
+  - "revealjs-skill"
+  - "Reveal presentation"
+  - "ryanbbrown slides"
+das:
+  category: presentations
+  upstream: "https://github.com/ryanbbrown/revealjs-skill"
+  version: latest
+  install: false
+---
+
+# revealjs-skill
+
+> Catalogue stub — full package: [ryanbbrown/revealjs-skill](https://github.com/ryanbbrown/revealjs-skill)
+
+## Decision tree
+
+1. **Is the package already installed?**
+   Check: `~/.design-agent-skills/skills/revealjs-skill/SKILL.md` exists.
+   - Yes → invoke `revealjs-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
+/plugin marketplace add ryanbbrown/revealjs-skill
+```
+
+## Invoke after install
+
+- Skill name: `revealjs-skill`
+- Trigger phrases: "Reveal.js", "revealjs-skill", "Reveal presentation", "ryanbbrown slides"
+
+## What it does
+
+Generates professional Reveal.js presentations as standalone HTML files requiring no build tooling. Supports themed designs, multi-column slide layouts, embedded Chart.js data visualizations, speaker notes for presenter mode, staggered enter animations, and one-command PDF export via Reveal's print stylesheet. Best for visually rich, browser-displayed presentations with interactivity.
+
+## When NOT to use
+
+- Marp Markdown output — use marp-slides instead
+- Slidev/Vue-component presentations — use slidev-skill instead
+- PowerPoint/PPTX export — use guizang-ppt instead
+- Quality scoring an existing Marp deck — use marp-slide-quality instead

package/skills/revealjs-skill/stub.yaml

@@ -0,0 +1,5 @@
+type: package
+tier: experimental
+upstream: https://github.com/ryanbbrown/revealjs-skill
+version: latest
+install_default: "/plugin marketplace add ryanbbrown/revealjs-skill"

package/skills/shadcn-ui/SKILL.md

@@ -0,0 +1,54 @@
+---
+name: shadcn-ui
+description: |
+  Project-aware shadcn/ui workflow for searching, adding, composing, and fixing
+  components with correct patterns. Understands the local component registry
+  and avoids common shadcn anti-patterns during implementation.
+triggers:
+  - "shadcn"
+  - "shadcn/ui"
+  - "shadcn component"
+  - "ui component"
+das:
+  category: visual-components
+  upstream: "https://github.com/shadcn-ui/ui"
+  upstream_path: "SKILL.md"
+  version: latest
+  install: true
+---
+
+# shadcn-ui
+
+> Catalogue stub — full skill: [shadcn-ui/ui](https://github.com/shadcn-ui/ui)
+
+## Decision tree
+
+Run this before any shadcn/ui component work:
+
+1. **Is the full skill already installed?**
+   Check: `~/.design-agent-skills/skills/shadcn-ui/SKILL.md` exists AND does NOT contain a `das:` block.
+   - Yes → invoke `shadcn-ui` 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 shadcn-ui/skills
+```
+
+Or per-agent:
+- Claude Code: `claude skills add shadcn-ui/skills`
+- Cursor/OpenCode: `npx skills add shadcn-ui/skills`
+
+## Invoke after install
+
+- Skill name: `shadcn-ui`
+- Trigger phrases: "shadcn", "shadcn/ui", "shadcn component", "ui component"
+
+## What it does
+
+Provides a project-aware workflow for working with shadcn/ui — searching the available component registry, adding components with the correct CLI command, composing components correctly, and fixing common implementation mistakes. Ensures component usage follows shadcn/ui patterns and integrates cleanly with the existing project setup.

package/skills/shadcn-ui/stub.yaml

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

package/skills/shader-dev/SKILL.md

@@ -0,0 +1,60 @@
+---
+name: shader-dev
+description: |
+  GLSL shader development: ray marching, fluid simulation, particle systems,
+  and procedural generation. Official MiniMax skill for creating real-time
+  visual effects in WebGL and creative coding contexts.
+triggers:
+  - "shader"
+  - "GLSL"
+  - "ray marching"
+  - "fluid simulation"
+  - "WebGL shader"
+  - "procedural generation"
+  - "visual effects"
+das:
+  category: creative-3d
+  upstream: "https://github.com/MiniMax-AI/skills"
+  upstream_path: "skills/shader-dev/SKILL.md"
+  version: latest
+  install: true
+---
+
+# shader-dev
+
+> Catalogue stub — full skill: [MiniMax-AI/skills](https://github.com/MiniMax-AI/skills/blob/main/skills/shader-dev/SKILL.md)
+
+## 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/shader-dev/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/shader-dev/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/shader-dev ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add MiniMax-AI/skills --skill shader-dev -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add MiniMax-AI/skills --skill shader-dev -y
+   ```
+
+## Invoke after install
+
+- Skill name: `shader-dev`
+- Trigger phrases: "shader", "GLSL", "ray marching", "fluid simulation", "WebGL shader"
+
+## What it does
+
+Official MiniMax GLSL shader skill covering the full real-time graphics toolbox: ray marching for 3D SDFs, fluid dynamics simulation, particle systems, and procedural pattern generation. Produces working WebGL fragment/vertex shaders with correct uniforms, time-based animation, and noise functions.

package/skills/shader-dev/stub.yaml

@@ -0,0 +1,5 @@
+type: skill
+tier: official
+upstream: https://github.com/MiniMax-AI/skills
+upstream_path: skills/shader-dev/SKILL.md
+version: latest

package/skills/simota-agent-skills/SKILL.md

@@ -0,0 +1,53 @@
+---
+name: simota-agent-skills
+description: |
+  140+ skill collection with a full design suite: Vision (creative direction), Muse (design tokens/dark mode), Frame (Figma-to-code bridge), Pixel (pixel-accurate HTML/CSS), Echo (persona-driven UI validation), Prose (microcopy/UX writing), Ink (SVG icons), Dot (pixel art), Clay (3D model generation), Sketch (AI image generation).
+triggers:
+  - "simota"
+  - "Vision skill"
+  - "Muse skill"
+  - "Frame skill"
+  - "Pixel skill"
+  - "design suite"
+das:
+  type: package
+  category: interaction-polish
+  upstream: "https://github.com/simota/agent-skills"
+  version: latest
+  install: false
+---
+
+# simota-agent-skills
+
+> Catalogue stub — full package: [simota/agent-skills](https://github.com/simota/agent-skills)
+
+## Decision tree
+
+1. **Is the package already installed?**
+   Check your agent's skills directory for `simota-agent-skills` with content beyond this stub.
+   - Yes → invoke and proceed
+   - No → go to step 2
+
+2. **Which agent?**
+   - Claude Code / Cursor → `npx skills add simota/agent-skills`
+   - Other → see [GitHub README](https://github.com/simota/agent-skills)
+
+## Install command
+
+```bash
+npx skills add simota/agent-skills
+```
+
+## Invoke after install
+
+- Skill name: `simota-agent-skills`
+- Trigger phrases: "simota", "Vision skill", "Muse skill", "Frame skill", "Pixel skill", "design suite"
+
+## What it does
+
+A 140+ skill collection with a comprehensive design suite. The design-focused skills include: Vision (creative direction and art direction), Muse (design tokens, theming, dark mode), Frame (Figma-to-code bridge for design handoff), Pixel (pixel-accurate HTML/CSS implementation), Echo (persona-driven UI validation), Prose (microcopy and UX writing), Ink (SVG icon generation), Dot (pixel art creation), Clay (3D model generation), and Sketch (AI image generation). Each skill is independently invocable.
+
+## When NOT to use
+
+- When you need a single focused skill — individual sub-skills from this suite can be preferred over installing the full collection
+- If you only need design review without the full toolkit — use `plan-design-review` or `creative-director` instead

package/skills/simota-agent-skills/stub.yaml

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

package/skills/sleek-design-mobile-apps/SKILL.md

@@ -0,0 +1,56 @@
+---
+name: sleek-design-mobile-apps
+description: |
+  AI-powered mobile app design integrated with the Sleek platform — design
+  screens, create projects, and manage assets via natural language. Requires
+  a Sleek Pro account and API key.
+triggers:
+  - "Sleek design"
+  - "sleekdotdesign"
+  - "sleek-design-mobile-apps"
+  - "Sleek Pro"
+  - "Sleek platform"
+das:
+  type: platform
+  category: visual-components
+  upstream: "https://github.com/sleekdotdesign/agent-skills"
+  version: latest
+  install: false
+---
+
+# sleek-design-mobile-apps
+
+> Catalogue stub — full platform skill: [sleekdotdesign/agent-skills](https://github.com/sleekdotdesign/agent-skills)
+
+## Decision tree
+
+1. **Is the skill already installed?** Check `~/.design-agent-skills/skills/sleek-design-mobile-apps/` for skill content.
+   - Yes → invoke and proceed
+   - No → go to step 2
+
+2. **Do you have a Sleek Pro account and API key?**
+   - No → this skill requires a Sleek Pro account. Visit [sleek.design](https://sleek.design) to sign up.
+   - Yes → install below
+
+## Install command
+
+```bash
+npx skills add sleekdotdesign/agent-skills -s sleek-design-mobile-apps
+```
+
+> Note: A Sleek Pro account and configured API key are required. See the [GitHub README](https://github.com/sleekdotdesign/agent-skills) for API key setup.
+
+## Invoke after install
+
+- Skill name: `sleek-design-mobile-apps`
+- Triggers: "Sleek design", "sleekdotdesign", "Sleek Pro"
+
+## What it does
+
+Natural-language interface to the Sleek design platform for mobile app design. Design screens, create and manage Sleek projects, and handle design assets through conversation. Integrates directly with your Sleek Pro workspace.
+
+## When NOT to use
+
+- Without a Sleek Pro account — use `mobile-app-design` or `mobile-app-ui-design` instead
+- General mobile design guidance not requiring the Sleek platform
+- Figma-based workflows — use `work-with-design-systems` or `claude2figma`

package/skills/sleek-design-mobile-apps/stub.yaml

@@ -0,0 +1,4 @@
+type: platform
+tier: community
+upstream: https://github.com/sleekdotdesign/agent-skills
+version: latest

package/skills/slidev-skill/SKILL.md

@@ -0,0 +1,54 @@
+---
+name: slidev-skill
+description: |
+  Official Slidev skill from the Slidev team — helps agents understand and generate
+  developer-focused technical presentations using Slidev's Markdown format with Vue
+  components, code highlighting, and animations.
+triggers:
+  - "Slidev"
+  - "slidev-skill"
+  - "Slidev presentation"
+  - "developer slides Vue"
+das:
+  category: presentations
+  upstream: "https://github.com/slidevjs/slidev"
+  version: latest
+  install: false
+---
+
+# slidev-skill
+
+> Catalogue stub — full package: [slidevjs/slidev](https://github.com/slidevjs/slidev)
+
+## Decision tree
+
+1. **Is the package already installed?**
+   Check: `~/.design-agent-skills/skills/slidev-skill/SKILL.md` exists.
+   - Yes → invoke `slidev-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 slidevjs/slidev
+```
+
+## Invoke after install
+
+- Skill name: `slidev-skill`
+- Trigger phrases: "Slidev", "Slidev presentation", "developer slides Vue"
+
+## What it does
+
+The official Claude skill maintained by the Slidev team. Provides complete knowledge of Slidev's Markdown-based presentation format, enabling agents to generate developer-focused technical presentations with Vue component embeds, Shiki-powered syntax highlighting, click-through animations, and presenter mode. Slidev presentations run as a local Vite dev server and export to PDF or SPA.
+
+## When NOT to use
+
+- PowerPoint/PPTX export — use guizang-ppt instead
+- Simple Marp Markdown without Vue components — use marp-slides instead
+- Reveal.js HTML output — use revealjs-skill instead
+- Conference slide quality guardrails — use cc-slidev as an alternative with design constraints

package/skills/slidev-skill/stub.yaml

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

package/skills/softaworks-agent-toolkit/SKILL.md

@@ -0,0 +1,58 @@
+---
+name: softaworks-agent-toolkit
+description: |
+  40+ agent skills in one package: mermaid-diagrams, excalidraw, draw-io,
+  c4-architecture, design-system-starter, marp-slide, database-schema-designer,
+  and more. The most comprehensive multi-skill toolkit available.
+triggers:
+  - "agent toolkit"
+  - "softaworks"
+  - "mermaid diagrams"
+  - "c4 architecture"
+  - "draw.io"
+  - "marp slides"
+  - "database schema"
+das:
+  category: diagrams
+  upstream: "https://github.com/softaworks/agent-toolkit"
+  version: latest
+  install: false
+---
+
+# softaworks-agent-toolkit
+
+> Catalogue stub — full package: [softaworks/agent-toolkit](https://github.com/softaworks/agent-toolkit)
+
+## Decision tree
+
+Run this before any diagramming, documentation, or system design work:
+
+1. **Is the toolkit already installed?**
+   Check: `~/.design-agent-skills/skills/mermaid-diagrams/SKILL.md` exists (representative skill).
+   - Yes → invoke the relevant skill by name 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 softaworks/agent-toolkit
+```
+
+## Invoke after install
+
+Skills installed (invoke by name):
+- `mermaid-diagrams` — class, sequence, flowchart, ERD, C4, git, Gantt, pie/bar charts
+- `excalidraw` — Excalidraw diagrams
+- `draw-io` — Draw.io diagram generation
+- `c4-architecture` — C4 model: context, container, component, code diagrams
+- `marp-slide` — Marp slide presentations
+- `database-schema-designer` — database schema design
+- And 34+ more — see [skills directory](https://github.com/softaworks/agent-toolkit/tree/main/skills)
+
+## What it does
+
+The most comprehensive multi-skill toolkit available: 40+ agent skills covering all diagramming formats (Mermaid, Excalidraw, Draw.io, C4), documentation systems, presentation tools (Marp), and design utilities. Install once, unlock a complete diagramming and documentation suite across all supported agents.

package/skills/softaworks-agent-toolkit/stub.yaml

@@ -0,0 +1,6 @@
+type: package
+tier: experimental
+upstream: https://github.com/softaworks/agent-toolkit
+version: latest
+install_default: "npx skills add softaworks/agent-toolkit"
+installed_as: mermaid-diagrams

package/skills/software-mansion-skills/SKILL.md

@@ -0,0 +1,63 @@
+---
+name: software-mansion-skills
+description: |
+  Official Software Mansion React Native production patterns: animations,
+  gestures, SVG/charts/illustrations, on-device AI, rich text, multithreading,
+  audio, and JSI. Fine-tuned for Opus 4.6+. The authoritative source for React
+  Native best practices from the team behind Reanimated and Gesture Handler.
+triggers:
+  - "Software Mansion"
+  - "Reanimated"
+  - "Gesture Handler"
+  - "React Native animations"
+  - "software-mansion-skills"
+  - "React Native gestures"
+  - "React Native SVG"
+das:
+  type: package
+  category: official-suites
+  upstream: "https://github.com/software-mansion-labs/skills"
+  version: latest
+  install: false
+---
+
+# software-mansion-skills
+
+> Catalogue stub — full package: [software-mansion-labs/skills](https://github.com/software-mansion-labs/skills)
+
+## Decision tree
+
+1. **Is the skill already installed?** Check `~/.design-agent-skills/skills/` for Software Mansion skill directories.
+   - Yes → invoke and proceed
+   - No → go to step 2
+
+2. **Shell access?** Yes → install below. No → show user the command.
+
+## Install command
+
+**Claude Code (recommended):**
+```bash
+/plugin marketplace add software-mansion-labs/skills
+```
+
+**Other agents:**
+```bash
+npx skills add software-mansion-labs/skills
+```
+
+> Note: Fine-tuned for Opus 4.6+. See the [GitHub README](https://github.com/software-mansion-labs/skills) for the full list of included skills.
+
+## Invoke after install
+
+- Skill names: check `ls ~/.design-agent-skills/skills/` for installed skill names after install
+- Triggers: "Software Mansion", "Reanimated", "Gesture Handler", "React Native animations", "React Native SVG"
+
+## What it does
+
+The official Software Mansion skill suite for React Native production development. Covers the full breadth of their open-source libraries: Reanimated animations, Gesture Handler, React Native SVG, charts and illustrations, on-device AI inference, rich text editing, background thread multithreading, audio processing, and JSI (JavaScript Interface) native modules. Fine-tuned for Opus 4.6+ by the library authors themselves.
+
+## When NOT to use
+
+- Non-React Native projects (web, native iOS/Android without RN)
+- Expo-managed workflow projects — use `expo-skills`
+- General React Native best practices without animation/gesture focus — use `callstack-agent-skills`

package/skills/software-mansion-skills/stub.yaml

@@ -0,0 +1,11 @@
+type: package
+tier: official
+upstream: https://github.com/software-mansion-labs/skills
+version: latest
+install_default: "/plugin marketplace add software-mansion-labs/skills"
+installed_as:
+  - expo-horizon
+  - radon-mcp
+  - react-native-best-practices
+  - rnrepo
+  - typegpu