design-agent-skills 1.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +380 -0
- package/VERSION +1 -0
- package/bin/cli.mjs +45 -0
- package/bootstrap.sh +32 -0
- package/install.sh +689 -0
- package/package.json +36 -0
- package/skills/accessibility-agents/SKILL.md +52 -0
- package/skills/accessibility-agents/stub.yaml +5 -0
- package/skills/accessibility-catalogue/SKILL.md +45 -0
- package/skills/accessibility-catalogue/stub.yaml +3 -0
- package/skills/addyosmani-quality/SKILL.md +72 -0
- package/skills/addyosmani-quality/stub.yaml +6 -0
- package/skills/ai-graphic-design-skill/SKILL.md +65 -0
- package/skills/ai-graphic-design-skill/stub.yaml +5 -0
- package/skills/algorithmic-art/SKILL.md +59 -0
- package/skills/algorithmic-art/stub.yaml +5 -0
- package/skills/animate-css-skill/SKILL.md +55 -0
- package/skills/animate-css-skill/stub.yaml +5 -0
- package/skills/animate-skill/SKILL.md +64 -0
- package/skills/animate-skill/stub.yaml +5 -0
- package/skills/anthropics-skills/SKILL.md +72 -0
- package/skills/anthropics-skills/stub.yaml +12 -0
- package/skills/antvis-chart-skills/SKILL.md +61 -0
- package/skills/antvis-chart-skills/stub.yaml +6 -0
- package/skills/apple-hig-skills/SKILL.md +66 -0
- package/skills/apple-hig-skills/stub.yaml +6 -0
- package/skills/baseline-ui/SKILL.md +54 -0
- package/skills/baseline-ui/stub.yaml +5 -0
- package/skills/bencium-ux-designer/SKILL.md +54 -0
- package/skills/bencium-ux-designer/stub.yaml +5 -0
- package/skills/brand-design-md/SKILL.md +65 -0
- package/skills/brand-design-md/stub.yaml +5 -0
- package/skills/callstack-agent-skills/SKILL.md +56 -0
- package/skills/callstack-agent-skills/stub.yaml +6 -0
- package/skills/cc-slidev/SKILL.md +54 -0
- package/skills/cc-slidev/stub.yaml +5 -0
- package/skills/claud3/SKILL.md +54 -0
- package/skills/claud3/stub.yaml +5 -0
- package/skills/claude-pm-skills/SKILL.md +53 -0
- package/skills/claude-pm-skills/stub.yaml +5 -0
- package/skills/claude-wireframe-skill/SKILL.md +63 -0
- package/skills/claude-wireframe-skill/stub.yaml +5 -0
- package/skills/claude2figma/SKILL.md +54 -0
- package/skills/claude2figma/stub.yaml +5 -0
- package/skills/claudedesignskills/SKILL.md +59 -0
- package/skills/claudedesignskills/stub.yaml +5 -0
- package/skills/cloudai-threejs/SKILL.md +51 -0
- package/skills/cloudai-threejs/stub.yaml +6 -0
- package/skills/cloudflare-web-perf/SKILL.md +60 -0
- package/skills/cloudflare-web-perf/stub.yaml +5 -0
- package/skills/color-expert/SKILL.md +62 -0
- package/skills/color-expert/stub.yaml +5 -0
- package/skills/composio-artifacts/SKILL.md +63 -0
- package/skills/composio-artifacts/stub.yaml +5 -0
- package/skills/content-catalogue/SKILL.md +105 -0
- package/skills/content-catalogue/stub.yaml +3 -0
- package/skills/coreyhaines-marketing/SKILL.md +59 -0
- package/skills/coreyhaines-marketing/stub.yaml +6 -0
- package/skills/creative-director/SKILL.md +60 -0
- package/skills/creative-director/stub.yaml +5 -0
- package/skills/css-animation-skill/SKILL.md +63 -0
- package/skills/css-animation-skill/stub.yaml +5 -0
- package/skills/d3js-skill/SKILL.md +58 -0
- package/skills/d3js-skill/stub.yaml +5 -0
- package/skills/data-analysis-skill/SKILL.md +64 -0
- package/skills/data-analysis-skill/stub.yaml +5 -0
- package/skills/data-viz-agent/SKILL.md +60 -0
- package/skills/data-viz-agent/stub.yaml +5 -0
- package/skills/deanpeters-pm-skills/SKILL.md +76 -0
- package/skills/deanpeters-pm-skills/stub.yaml +6 -0
- package/skills/design-auditor/SKILL.md +62 -0
- package/skills/design-auditor/stub.yaml +5 -0
- package/skills/design-brief/SKILL.md +58 -0
- package/skills/design-brief/stub.yaml +5 -0
- package/skills/design-catalogue/SKILL.md +346 -0
- package/skills/design-catalogue/stub.yaml +3 -0
- package/skills/design-consultation/SKILL.md +58 -0
- package/skills/design-consultation/stub.yaml +5 -0
- package/skills/design-engineering-catalogue/SKILL.md +92 -0
- package/skills/design-engineering-catalogue/stub.yaml +3 -0
- package/skills/design-for-ai/SKILL.md +58 -0
- package/skills/design-for-ai/stub.yaml +5 -0
- package/skills/design-html/SKILL.md +59 -0
- package/skills/design-html/stub.yaml +5 -0
- package/skills/design-lab/SKILL.md +54 -0
- package/skills/design-lab/stub.yaml +5 -0
- package/skills/design-review-garrytan/SKILL.md +58 -0
- package/skills/design-review-garrytan/stub.yaml +5 -0
- package/skills/design-tokens-skill/SKILL.md +68 -0
- package/skills/design-tokens-skill/stub.yaml +5 -0
- package/skills/design-with-claude/SKILL.md +51 -0
- package/skills/design-with-claude/stub.yaml +5 -0
- package/skills/designer-skills/SKILL.md +52 -0
- package/skills/designer-skills/stub.yaml +5 -0
- package/skills/digidai-pm/SKILL.md +60 -0
- package/skills/digidai-pm/stub.yaml +5 -0
- package/skills/distinctive-frontend/SKILL.md +55 -0
- package/skills/distinctive-frontend/stub.yaml +5 -0
- package/skills/email-html-mjml/SKILL.md +54 -0
- package/skills/email-html-mjml/stub.yaml +5 -0
- package/skills/emilkowalski-skill/SKILL.md +60 -0
- package/skills/emilkowalski-skill/stub.yaml +7 -0
- package/skills/excalidraw-agents365/SKILL.md +56 -0
- package/skills/excalidraw-agents365/stub.yaml +5 -0
- package/skills/excalidraw-diagram/SKILL.md +58 -0
- package/skills/excalidraw-diagram/stub.yaml +5 -0
- package/skills/expo-skills/SKILL.md +56 -0
- package/skills/expo-skills/stub.yaml +21 -0
- package/skills/extract-design-md/SKILL.md +58 -0
- package/skills/extract-design-md/stub.yaml +5 -0
- package/skills/extract-design-system/SKILL.md +53 -0
- package/skills/extract-design-system/stub.yaml +5 -0
- package/skills/fal-ai-skills/SKILL.md +56 -0
- package/skills/fal-ai-skills/stub.yaml +6 -0
- package/skills/figma-catalogue/SKILL.md +57 -0
- package/skills/figma-catalogue/stub.yaml +3 -0
- package/skills/figma-official-skills/SKILL.md +80 -0
- package/skills/figma-official-skills/stub.yaml +6 -0
- package/skills/figma-skill/SKILL.md +52 -0
- package/skills/figma-skill/stub.yaml +5 -0
- package/skills/figma-variables-tokens-generator/SKILL.md +54 -0
- package/skills/figma-variables-tokens-generator/stub.yaml +5 -0
- package/skills/fixing-accessibility/SKILL.md +54 -0
- package/skills/fixing-accessibility/stub.yaml +5 -0
- package/skills/fixing-motion-performance/SKILL.md +54 -0
- package/skills/fixing-motion-performance/stub.yaml +5 -0
- package/skills/framer-motion-skills/SKILL.md +55 -0
- package/skills/framer-motion-skills/stub.yaml +5 -0
- package/skills/frontend-design/SKILL.md +65 -0
- package/skills/frontend-design/stub.yaml +5 -0
- package/skills/frontend-slides/SKILL.md +59 -0
- package/skills/frontend-slides/stub.yaml +5 -0
- package/skills/generative-media-skills/SKILL.md +56 -0
- package/skills/generative-media-skills/stub.yaml +4 -0
- package/skills/google-fonts-skill/SKILL.md +69 -0
- package/skills/google-fonts-skill/stub.yaml +4 -0
- package/skills/google-stitch-skills/SKILL.md +71 -0
- package/skills/google-stitch-skills/stub.yaml +6 -0
- package/skills/gsap-skills/SKILL.md +55 -0
- package/skills/gsap-skills/stub.yaml +5 -0
- package/skills/guizang-ppt/SKILL.md +58 -0
- package/skills/guizang-ppt/stub.yaml +5 -0
- package/skills/hand-drawn-diagrams/SKILL.md +57 -0
- package/skills/hand-drawn-diagrams/stub.yaml +5 -0
- package/skills/hig-doctor/SKILL.md +59 -0
- package/skills/hig-doctor/stub.yaml +6 -0
- package/skills/huashu-design/SKILL.md +64 -0
- package/skills/huashu-design/stub.yaml +5 -0
- package/skills/hyperframes/SKILL.md +60 -0
- package/skills/hyperframes/stub.yaml +5 -0
- package/skills/impeccable/SKILL.md +75 -0
- package/skills/impeccable/stub.yaml +8 -0
- package/skills/ink-google/SKILL.md +58 -0
- package/skills/ink-google/stub.yaml +5 -0
- package/skills/interface-design-dammyjay/SKILL.md +55 -0
- package/skills/interface-design-dammyjay/stub.yaml +5 -0
- package/skills/liquid-glass-skill/SKILL.md +54 -0
- package/skills/liquid-glass-skill/stub.yaml +5 -0
- package/skills/logo-designer-skill/SKILL.md +56 -0
- package/skills/logo-designer-skill/stub.yaml +5 -0
- package/skills/make-interfaces-better/SKILL.md +60 -0
- package/skills/make-interfaces-better/stub.yaml +5 -0
- package/skills/markdown-viewer-skills/SKILL.md +70 -0
- package/skills/markdown-viewer-skills/stub.yaml +6 -0
- package/skills/marp-slide-quality/SKILL.md +63 -0
- package/skills/marp-slide-quality/stub.yaml +5 -0
- package/skills/marp-slides/SKILL.md +63 -0
- package/skills/marp-slides/stub.yaml +5 -0
- package/skills/mastepanoski-skills/SKILL.md +52 -0
- package/skills/mastepanoski-skills/stub.yaml +5 -0
- package/skills/microsoft-skills/SKILL.md +51 -0
- package/skills/microsoft-skills/stub.yaml +6 -0
- package/skills/mobile-app-design/SKILL.md +67 -0
- package/skills/mobile-app-design/stub.yaml +5 -0
- package/skills/mobile-app-ui-design/SKILL.md +65 -0
- package/skills/mobile-app-ui-design/stub.yaml +5 -0
- package/skills/motion-catalogue/SKILL.md +69 -0
- package/skills/motion-catalogue/stub.yaml +3 -0
- package/skills/motion-design-skill/SKILL.md +55 -0
- package/skills/motion-design-skill/stub.yaml +5 -0
- package/skills/nanobanan-ppt/SKILL.md +64 -0
- package/skills/nanobanan-ppt/stub.yaml +5 -0
- package/skills/neo-user-journey/SKILL.md +62 -0
- package/skills/neo-user-journey/stub.yaml +5 -0
- package/skills/nimbalyst-skills/SKILL.md +59 -0
- package/skills/nimbalyst-skills/stub.yaml +7 -0
- package/skills/open-design/SKILL.md +55 -0
- package/skills/open-design/stub.yaml +4 -0
- package/skills/openai-skills/SKILL.md +67 -0
- package/skills/openai-skills/stub.yaml +6 -0
- package/skills/p5js-hermes/SKILL.md +62 -0
- package/skills/p5js-hermes/stub.yaml +5 -0
- package/skills/phuryn-pm-skills/SKILL.md +56 -0
- package/skills/phuryn-pm-skills/stub.yaml +6 -0
- package/skills/plan-design-review/SKILL.md +58 -0
- package/skills/plan-design-review/stub.yaml +5 -0
- package/skills/platform-design-skills/SKILL.md +52 -0
- package/skills/platform-design-skills/stub.yaml +6 -0
- package/skills/pm-skills/SKILL.md +55 -0
- package/skills/pm-skills/stub.yaml +5 -0
- package/skills/react-doctor/SKILL.md +55 -0
- package/skills/react-doctor/stub.yaml +5 -0
- package/skills/remotion/SKILL.md +59 -0
- package/skills/remotion/stub.yaml +5 -0
- package/skills/revealjs-skill/SKILL.md +54 -0
- package/skills/revealjs-skill/stub.yaml +5 -0
- package/skills/shadcn-ui/SKILL.md +54 -0
- package/skills/shadcn-ui/stub.yaml +5 -0
- package/skills/shader-dev/SKILL.md +60 -0
- package/skills/shader-dev/stub.yaml +5 -0
- package/skills/simota-agent-skills/SKILL.md +53 -0
- package/skills/simota-agent-skills/stub.yaml +5 -0
- package/skills/sleek-design-mobile-apps/SKILL.md +56 -0
- package/skills/sleek-design-mobile-apps/stub.yaml +4 -0
- package/skills/slidev-skill/SKILL.md +54 -0
- package/skills/slidev-skill/stub.yaml +5 -0
- package/skills/softaworks-agent-toolkit/SKILL.md +58 -0
- package/skills/softaworks-agent-toolkit/stub.yaml +6 -0
- package/skills/software-mansion-skills/SKILL.md +63 -0
- package/skills/software-mansion-skills/stub.yaml +11 -0
- package/skills/superdesign-skill/SKILL.md +53 -0
- package/skills/superdesign-skill/stub.yaml +4 -0
- package/skills/swiftui-claude-skills/SKILL.md +54 -0
- package/skills/swiftui-claude-skills/stub.yaml +5 -0
- package/skills/swiftui-patterns/SKILL.md +54 -0
- package/skills/swiftui-patterns/stub.yaml +5 -0
- package/skills/taste-design-stitch/SKILL.md +58 -0
- package/skills/taste-design-stitch/stub.yaml +5 -0
- package/skills/taste-skill/SKILL.md +74 -0
- package/skills/taste-skill/stub.yaml +5 -0
- package/skills/threejs-claude-skill-package/SKILL.md +54 -0
- package/skills/threejs-claude-skill-package/stub.yaml +5 -0
- package/skills/threejs-ecs-ts/SKILL.md +54 -0
- package/skills/threejs-ecs-ts/stub.yaml +5 -0
- package/skills/tui-design-skill/SKILL.md +56 -0
- package/skills/tui-design-skill/stub.yaml +5 -0
- package/skills/ui-craft/SKILL.md +58 -0
- package/skills/ui-craft/stub.yaml +5 -0
- package/skills/ui-ux-pro-max/SKILL.md +64 -0
- package/skills/ui-ux-pro-max/stub.yaml +7 -0
- package/skills/ux-designer-skill/SKILL.md +62 -0
- package/skills/ux-designer-skill/stub.yaml +5 -0
- package/skills/ux-ui-mastery/SKILL.md +53 -0
- package/skills/ux-ui-mastery/stub.yaml +5 -0
- package/skills/vercel-skills/SKILL.md +65 -0
- package/skills/vercel-skills/stub.yaml +6 -0
- package/skills/wcag-ai-skill/SKILL.md +52 -0
- package/skills/wcag-ai-skill/stub.yaml +5 -0
- package/skills/wcag-audit-patterns/SKILL.md +53 -0
- package/skills/wcag-audit-patterns/stub.yaml +5 -0
- package/skills/webgpu-claude-skill/SKILL.md +54 -0
- package/skills/webgpu-claude-skill/stub.yaml +5 -0
- package/skills/wiggle-claude-skill/SKILL.md +63 -0
- package/skills/wiggle-claude-skill/stub.yaml +5 -0
- package/skills/wireframe-skill/SKILL.md +63 -0
- package/skills/wireframe-skill/stub.yaml +5 -0
- package/skills/wireframer/SKILL.md +59 -0
- package/skills/wireframer/stub.yaml +5 -0
- package/skills/wondelai-skills/SKILL.md +57 -0
- package/skills/wondelai-skills/stub.yaml +11 -0
- package/skills/work-with-design-systems/SKILL.md +67 -0
- package/skills/work-with-design-systems/stub.yaml +5 -0
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: design-lab
|
|
3
|
+
description: |
|
|
4
|
+
Interactive design exploration environment: conducts design interviews,
|
|
5
|
+
generates multiple UI variants, and refines designs through structured
|
|
6
|
+
iterative feedback loops until the direction is confirmed.
|
|
7
|
+
triggers:
|
|
8
|
+
- "design lab"
|
|
9
|
+
- "design exploration"
|
|
10
|
+
- "design variants"
|
|
11
|
+
- "iterative design"
|
|
12
|
+
das:
|
|
13
|
+
category: interaction-polish
|
|
14
|
+
upstream: "https://github.com/0xdesign/design-lab"
|
|
15
|
+
upstream_path: "SKILL.md"
|
|
16
|
+
version: latest
|
|
17
|
+
install: true
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
# design-lab
|
|
21
|
+
|
|
22
|
+
> Catalogue stub — full skill: [0xdesign/design-lab](https://github.com/0xdesign/design-lab)
|
|
23
|
+
|
|
24
|
+
## Decision tree
|
|
25
|
+
|
|
26
|
+
Run this before any exploratory design session:
|
|
27
|
+
|
|
28
|
+
1. **Is the full skill already installed?**
|
|
29
|
+
Check: `~/.design-agent-skills/skills/design-lab/SKILL.md` exists AND does NOT contain a `das:` block.
|
|
30
|
+
- Yes → invoke `design-lab` and proceed
|
|
31
|
+
- No → go to step 2
|
|
32
|
+
|
|
33
|
+
2. **Do you have shell access?**
|
|
34
|
+
- Yes → run the install command below, then invoke the skill
|
|
35
|
+
- No → show the user the install command, ask them to run it, then proceed once confirmed
|
|
36
|
+
|
|
37
|
+
## Install command
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
npx skills add 0xdesign/design-lab
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
Or per-agent:
|
|
44
|
+
- Claude Code: `claude skills add 0xdesign/design-lab`
|
|
45
|
+
- Cursor/OpenCode: `npx skills add 0xdesign/design-lab`
|
|
46
|
+
|
|
47
|
+
## Invoke after install
|
|
48
|
+
|
|
49
|
+
- Skill name: `design-lab`
|
|
50
|
+
- Trigger phrases: "design lab", "design exploration", "design variants", "iterative design"
|
|
51
|
+
|
|
52
|
+
## What it does
|
|
53
|
+
|
|
54
|
+
Runs an interactive design exploration session by first conducting a brief design interview to understand constraints and intent, then generating multiple distinct UI variants. Gathers structured feedback on each variant and iterates until a direction is confirmed and ready for implementation.
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: design-review-garrytan
|
|
3
|
+
description: |
|
|
4
|
+
Designer Who Codes: visual audit followed by atomic commits fixing each issue.
|
|
5
|
+
Garry Tan's design review skill — treats UI like code, identifies and fixes
|
|
6
|
+
design debt systematically.
|
|
7
|
+
triggers:
|
|
8
|
+
- "design review"
|
|
9
|
+
- "visual audit"
|
|
10
|
+
- "UI audit"
|
|
11
|
+
- "design debt"
|
|
12
|
+
- "fix design issues"
|
|
13
|
+
das:
|
|
14
|
+
category: design-review
|
|
15
|
+
upstream: "https://github.com/garrytan/gstack"
|
|
16
|
+
upstream_path: "design-review/SKILL.md"
|
|
17
|
+
version: latest
|
|
18
|
+
install: true
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
# design-review-garrytan
|
|
22
|
+
|
|
23
|
+
> Catalogue stub — full skill: [garrytan/gstack](https://github.com/garrytan/gstack/blob/main/design-review/SKILL.md)
|
|
24
|
+
|
|
25
|
+
## Decision tree
|
|
26
|
+
|
|
27
|
+
1. **Is the full skill already installed?**
|
|
28
|
+
Check whether the skill at this location still has a `das:` block:
|
|
29
|
+
- Global: `grep -q "^das:" ~/.agents/skills/design-review-garrytan/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
30
|
+
- Project: `grep -q "^das:" .agents/skills/design-review-garrytan/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
31
|
+
- No `das:` block → full skill installed, invoke it and proceed
|
|
32
|
+
- `das:` block present → go to step 2
|
|
33
|
+
|
|
34
|
+
2. **Detect scope, then install:**
|
|
35
|
+
|
|
36
|
+
To detect scope:
|
|
37
|
+
```bash
|
|
38
|
+
[ -e ~/.agents/skills/design-review-garrytan ] && echo "global" || echo "project"
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
**Global** (installed with `-g`):
|
|
42
|
+
```bash
|
|
43
|
+
npx skills add garrytan/gstack --skill design-review-garrytan -g -y
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
**Project** (installed without `-g`):
|
|
47
|
+
```bash
|
|
48
|
+
npx skills add garrytan/gstack --skill design-review-garrytan -y
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## Invoke after install
|
|
52
|
+
|
|
53
|
+
- Skill name: `design-review-garrytan`
|
|
54
|
+
- Trigger phrases: "design review", "visual audit", "UI audit", "fix design issues"
|
|
55
|
+
|
|
56
|
+
## What it does
|
|
57
|
+
|
|
58
|
+
"Designer Who Codes" approach: performs a structured visual audit of the UI, then fixes each issue with an atomic commit. Treats design debt like technical debt — identifies it, prioritizes it, and ships fixes. From Garry Tan's gstack, his toolkit for building well-designed products.
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: design-tokens-skill
|
|
3
|
+
description: |
|
|
4
|
+
Expert in the W3C DTCG token specification — token structure, color spaces
|
|
5
|
+
(sRGB, Display P3, OKLCH), references/aliasing, theme resolvers, and tools
|
|
6
|
+
(jq, JSONata, Terrazzo, Figma exports). The authoritative skill for design
|
|
7
|
+
token architecture.
|
|
8
|
+
triggers:
|
|
9
|
+
- "design tokens"
|
|
10
|
+
- "DTCG tokens"
|
|
11
|
+
- "W3C tokens"
|
|
12
|
+
- "Terrazzo"
|
|
13
|
+
- "design-tokens-skill"
|
|
14
|
+
- "token aliasing"
|
|
15
|
+
- "token references"
|
|
16
|
+
das:
|
|
17
|
+
type: skill
|
|
18
|
+
category: visual-components
|
|
19
|
+
upstream: "https://github.com/ilikescience/design-tokens-skill"
|
|
20
|
+
upstream_path: "SKILL.md"
|
|
21
|
+
version: latest
|
|
22
|
+
install: true
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
# design-tokens-skill
|
|
26
|
+
|
|
27
|
+
> Catalogue stub — full skill: [ilikescience/design-tokens-skill](https://github.com/ilikescience/design-tokens-skill)
|
|
28
|
+
|
|
29
|
+
## Decision tree
|
|
30
|
+
|
|
31
|
+
1. **Is the full skill already installed?**
|
|
32
|
+
Check whether the skill at this location still has a `das:` block:
|
|
33
|
+
- Global: `grep -q "^das:" ~/.agents/skills/design-tokens-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
34
|
+
- Project: `grep -q "^das:" .agents/skills/design-tokens-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
35
|
+
- No `das:` block → full skill installed, invoke it and proceed
|
|
36
|
+
- `das:` block present → go to step 2
|
|
37
|
+
|
|
38
|
+
2. **Detect scope, then install:**
|
|
39
|
+
|
|
40
|
+
To detect scope:
|
|
41
|
+
```bash
|
|
42
|
+
[ -e ~/.agents/skills/design-tokens-skill ] && echo "global" || echo "project"
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
**Global** (installed with `-g`):
|
|
46
|
+
```bash
|
|
47
|
+
npx skills add ilikescience/design-tokens-skill --skill design-tokens-skill -g -y
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
**Project** (installed without `-g`):
|
|
51
|
+
```bash
|
|
52
|
+
npx skills add ilikescience/design-tokens-skill --skill design-tokens-skill -y
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## Invoke after install
|
|
56
|
+
|
|
57
|
+
- Skill name: `design-tokens-skill`
|
|
58
|
+
- Triggers: "design tokens", "DTCG tokens", "W3C tokens", "Terrazzo", "token aliasing"
|
|
59
|
+
|
|
60
|
+
## What it does
|
|
61
|
+
|
|
62
|
+
Deep expertise in the W3C Design Token Community Group (DTCG) specification. Covers token file structure, value types, color space handling (sRGB, Display P3, OKLCH), references and aliasing between tokens, composite tokens, theme resolvers, and the full toolchain: jq, JSONata, Terrazzo, and exporting from Figma. Use when architecting a token system, migrating tokens to DTCG format, or configuring multi-theme token pipelines.
|
|
63
|
+
|
|
64
|
+
## When NOT to use
|
|
65
|
+
|
|
66
|
+
- OKLCH color generation without token structure — use `color-expert`
|
|
67
|
+
- Figma-specific token variables UI — use `figma-variables-tokens-generator`
|
|
68
|
+
- Figma official operations — use `figma-official-skills`
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: design-with-claude
|
|
3
|
+
description: |
|
|
4
|
+
38 design specialist agents as slash commands covering visual hierarchy, interaction design, design system architecture, typography, color, spacing, motion, forms, navigation, dashboards, mobile, landing pages, auth UX, healthcare UX, b2b SaaS, e-commerce, dark mode, error handling, onboarding, data viz, and more. No runtime dependencies, pure markdown.
|
|
5
|
+
triggers:
|
|
6
|
+
- "design with claude"
|
|
7
|
+
- "imsaif design"
|
|
8
|
+
- "38 design commands"
|
|
9
|
+
- "b2b SaaS design"
|
|
10
|
+
das:
|
|
11
|
+
type: package
|
|
12
|
+
category: design-review
|
|
13
|
+
upstream: "https://github.com/imsaif/design-with-claude"
|
|
14
|
+
version: latest
|
|
15
|
+
install: false
|
|
16
|
+
---
|
|
17
|
+
|
|
18
|
+
# design-with-claude
|
|
19
|
+
|
|
20
|
+
> Catalogue stub — full package: [imsaif/design-with-claude](https://github.com/imsaif/design-with-claude)
|
|
21
|
+
|
|
22
|
+
## Decision tree
|
|
23
|
+
|
|
24
|
+
1. **Is the package already installed?**
|
|
25
|
+
Check your agent's skills directory for `design-with-claude` with content beyond this stub.
|
|
26
|
+
- Yes → invoke and proceed
|
|
27
|
+
- No → go to step 2
|
|
28
|
+
|
|
29
|
+
2. **Which agent?**
|
|
30
|
+
- Claude Code / Cursor → `/plugin marketplace add imsaif/design-with-claude`
|
|
31
|
+
- Other → see [GitHub README](https://github.com/imsaif/design-with-claude)
|
|
32
|
+
|
|
33
|
+
## Install command
|
|
34
|
+
|
|
35
|
+
```bash
|
|
36
|
+
/plugin marketplace add imsaif/design-with-claude
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## Invoke after install
|
|
40
|
+
|
|
41
|
+
- Skill name: `design-with-claude`
|
|
42
|
+
- Trigger phrases: "design with claude", "imsaif design", "38 design commands", "dashboard design", "b2b SaaS design"
|
|
43
|
+
|
|
44
|
+
## What it does
|
|
45
|
+
|
|
46
|
+
38 design specialist agents exposed as slash commands, each a domain expert with no runtime dependencies (pure markdown). Specialists cover: visual hierarchy, interaction design, design system architecture, typography, color theory, spacing/layout, motion design, form design, navigation patterns, dashboard design, mobile UX, landing page design, authentication UX, healthcare UX, B2B SaaS design, e-commerce design, dark mode, error handling, onboarding flows, data visualization, and more. Invoke by domain when you need deep specialist guidance rather than a general review.
|
|
47
|
+
|
|
48
|
+
## When NOT to use
|
|
49
|
+
|
|
50
|
+
- Non-visual work with no design component
|
|
51
|
+
- When a single focused skill already installed suffices — avoid installing the full suite for one-off needs
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: designer-skills
|
|
3
|
+
description: |
|
|
4
|
+
91 skills, 9 plugins, and 28 commands across a comprehensive designer toolkit: design-research (12 skills), design-systems (11), ux-strategy (11), ui-design (14), interaction-design (15), prototyping-testing (8), design-ops (9), designer-toolkit (7), and visual-critique (4). Built by Marie Claire Dean.
|
|
5
|
+
triggers:
|
|
6
|
+
- "designer skills"
|
|
7
|
+
- "Owl-Listener"
|
|
8
|
+
- "91 skills"
|
|
9
|
+
- "design ops"
|
|
10
|
+
- "visual critique"
|
|
11
|
+
das:
|
|
12
|
+
type: package
|
|
13
|
+
category: design-review
|
|
14
|
+
upstream: "https://github.com/Owl-Listener/designer-skills"
|
|
15
|
+
version: latest
|
|
16
|
+
install: false
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
# designer-skills
|
|
20
|
+
|
|
21
|
+
> Catalogue stub — full package: [Owl-Listener/designer-skills](https://github.com/Owl-Listener/designer-skills)
|
|
22
|
+
|
|
23
|
+
## Decision tree
|
|
24
|
+
|
|
25
|
+
1. **Is the package already installed?**
|
|
26
|
+
Check your agent's skills directory for `designer-skills` with content beyond this stub.
|
|
27
|
+
- Yes → invoke and proceed
|
|
28
|
+
- No → go to step 2
|
|
29
|
+
|
|
30
|
+
2. **Which agent?**
|
|
31
|
+
- Claude Code / Cursor → `/plugin marketplace add Owl-Listener/designer-skills`
|
|
32
|
+
- Other → see [GitHub README](https://github.com/Owl-Listener/designer-skills)
|
|
33
|
+
|
|
34
|
+
## Install command
|
|
35
|
+
|
|
36
|
+
```bash
|
|
37
|
+
/plugin marketplace add Owl-Listener/designer-skills
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Invoke after install
|
|
41
|
+
|
|
42
|
+
- Skill name: `designer-skills`
|
|
43
|
+
- Trigger phrases: "designer skills", "Owl-Listener", "91 skills", "design ops", "visual critique"
|
|
44
|
+
|
|
45
|
+
## What it does
|
|
46
|
+
|
|
47
|
+
A comprehensive designer toolkit by Marie Claire Dean comprising 91 skills, 9 plugins, and 28 commands organized into 9 domains: design-research (12 skills — user research, synthesis, interviews), design-systems (11 — tokens, components, governance), ux-strategy (11 — product strategy, information architecture), ui-design (14 — layout, visual design, responsive), interaction-design (15 — microinteractions, flows, prototypes), prototyping-testing (8 — usability, A/B, validation), design-ops (9 — process, tooling, handoff), designer-toolkit (7 — workflow utilities), and visual-critique (4 — design critique frameworks).
|
|
48
|
+
|
|
49
|
+
## When NOT to use
|
|
50
|
+
|
|
51
|
+
- Single-skill needs — installing the full suite may be heavier than needed
|
|
52
|
+
- If you only need design review — use `plan-design-review` or `creative-director`
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: digidai-pm
|
|
3
|
+
description: |
|
|
4
|
+
Senior Product Manager agent with 30+ PM frameworks and SaaS metrics.
|
|
5
|
+
Covers discovery, prioritization, roadmapping, stakeholder communication,
|
|
6
|
+
and product analytics for B2B and consumer products.
|
|
7
|
+
triggers:
|
|
8
|
+
- "product manager"
|
|
9
|
+
- "PM frameworks"
|
|
10
|
+
- "product roadmap"
|
|
11
|
+
- "product discovery"
|
|
12
|
+
- "SaaS metrics"
|
|
13
|
+
- "product strategy"
|
|
14
|
+
- "product requirements"
|
|
15
|
+
das:
|
|
16
|
+
category: product-pm
|
|
17
|
+
upstream: "https://github.com/Digidai/product-manager-skills"
|
|
18
|
+
upstream_path: "SKILL.md"
|
|
19
|
+
version: latest
|
|
20
|
+
install: true
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
# digidai-pm
|
|
24
|
+
|
|
25
|
+
> Catalogue stub — full skill: [Digidai/product-manager-skills](https://github.com/Digidai/product-manager-skills)
|
|
26
|
+
|
|
27
|
+
## Decision tree
|
|
28
|
+
|
|
29
|
+
1. **Is the full skill already installed?**
|
|
30
|
+
Check whether the skill at this location still has a `das:` block:
|
|
31
|
+
- Global: `grep -q "^das:" ~/.agents/skills/digidai-pm/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
32
|
+
- Project: `grep -q "^das:" .agents/skills/digidai-pm/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
33
|
+
- No `das:` block → full skill installed, invoke it and proceed
|
|
34
|
+
- `das:` block present → go to step 2
|
|
35
|
+
|
|
36
|
+
2. **Detect scope, then install:**
|
|
37
|
+
|
|
38
|
+
To detect scope:
|
|
39
|
+
```bash
|
|
40
|
+
[ -e ~/.agents/skills/digidai-pm ] && echo "global" || echo "project"
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
**Global** (installed with `-g`):
|
|
44
|
+
```bash
|
|
45
|
+
npx skills add Digidai/product-manager-skills --skill digidai-pm -g -y
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
**Project** (installed without `-g`):
|
|
49
|
+
```bash
|
|
50
|
+
npx skills add Digidai/product-manager-skills --skill digidai-pm -y
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## Invoke after install
|
|
54
|
+
|
|
55
|
+
- Skill name: `digidai-pm`
|
|
56
|
+
- Trigger phrases: "product manager", "PM frameworks", "product roadmap", "SaaS metrics"
|
|
57
|
+
|
|
58
|
+
## What it does
|
|
59
|
+
|
|
60
|
+
Brings senior PM thinking to product decisions with 30+ frameworks covering the full product lifecycle. Handles discovery (user research synthesis, opportunity framing), prioritization (RICE, ICE, opportunity scoring), roadmapping, stakeholder alignment, and SaaS product analytics. Oriented toward B2B and consumer digital products.
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: distinctive-frontend
|
|
3
|
+
description: |
|
|
4
|
+
Generates distinctive interfaces using four themed design systems — Cyberpunk, Brutalist,
|
|
5
|
+
Vaporwave, and Nordic Minimalism — with pre-configured typography pairings, color systems,
|
|
6
|
+
and staggered animations. Single skill: distinctive-frontend.
|
|
7
|
+
triggers:
|
|
8
|
+
- "distinctive frontend"
|
|
9
|
+
- "cyberpunk UI"
|
|
10
|
+
- "brutalist frontend"
|
|
11
|
+
- "vaporwave design"
|
|
12
|
+
- "nordic minimalism"
|
|
13
|
+
das:
|
|
14
|
+
type: package
|
|
15
|
+
category: design-systems
|
|
16
|
+
upstream: "https://github.com/Koomook/claude-frontend-skills"
|
|
17
|
+
version: latest
|
|
18
|
+
install: false
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
# distinctive-frontend
|
|
22
|
+
|
|
23
|
+
> Catalogue stub — full package: [Koomook/claude-frontend-skills](https://github.com/Koomook/claude-frontend-skills)
|
|
24
|
+
|
|
25
|
+
## Decision tree
|
|
26
|
+
|
|
27
|
+
1. **Is the package already installed?**
|
|
28
|
+
Check: your agent's skills directory contains `distinctive-frontend` with content beyond this stub.
|
|
29
|
+
- Yes → invoke `distinctive-frontend` and proceed
|
|
30
|
+
- No → go to step 2
|
|
31
|
+
|
|
32
|
+
2. **Which agent are you on?**
|
|
33
|
+
- Claude Code → `npm install -g @bong/claude-frontend-skills`
|
|
34
|
+
- Cursor → `npm install -g @bong/claude-frontend-skills`
|
|
35
|
+
- Other → `npm install -g @bong/claude-frontend-skills` or see [GitHub README](https://github.com/Koomook/claude-frontend-skills)
|
|
36
|
+
|
|
37
|
+
## Install command
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
npm install -g @bong/claude-frontend-skills
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## Invoke after install
|
|
44
|
+
|
|
45
|
+
- Skill name: `distinctive-frontend`
|
|
46
|
+
- Trigger phrases: "distinctive frontend", "cyberpunk UI", "brutalist frontend", "vaporwave design", "nordic minimalism"
|
|
47
|
+
|
|
48
|
+
## What it does
|
|
49
|
+
|
|
50
|
+
Packages four fully-specified design systems in a single skill: Cyberpunk (neon-on-dark, tech typography, glitch effects), Brutalist (high-contrast, raw grid, bold sans), Vaporwave (pastel gradients, retro type, synthwave motion), and Nordic Minimalism (clean whitespace, muted palette, functional sans). Each theme ships with curated typography pairings, a complete color system, and pre-built staggered animation sequences. Choose a theme by name and the skill generates production-ready component code aligned to that aesthetic.
|
|
51
|
+
|
|
52
|
+
## When NOT to use
|
|
53
|
+
|
|
54
|
+
- When you need production-safe, conservative design (these themes are opinionated and experimental — not suitable for enterprise SaaS or regulated industries without significant adaptation)
|
|
55
|
+
- When you need to mix themes or create a hybrid aesthetic (each theme is self-contained and opinionated)
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: email-html-mjml
|
|
3
|
+
description: |
|
|
4
|
+
Generates cross-client HTML email from MJML 4.x — Outlook 2013-365 safe, Gmail-optimized,
|
|
5
|
+
WCAG 2.1 AA accessible. Triggers automatically when asked to create, compile, or
|
|
6
|
+
troubleshoot HTML email.
|
|
7
|
+
triggers:
|
|
8
|
+
- "MJML"
|
|
9
|
+
- "HTML email"
|
|
10
|
+
- "email template"
|
|
11
|
+
- "Outlook-safe email"
|
|
12
|
+
- "email-html-mjml"
|
|
13
|
+
das:
|
|
14
|
+
category: email-design
|
|
15
|
+
upstream: "https://github.com/framix-team/skill-email-html-mjml"
|
|
16
|
+
version: latest
|
|
17
|
+
install: false
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
# email-html-mjml
|
|
21
|
+
|
|
22
|
+
> Catalogue stub — full package: [framix-team/skill-email-html-mjml](https://github.com/framix-team/skill-email-html-mjml)
|
|
23
|
+
|
|
24
|
+
## Decision tree
|
|
25
|
+
|
|
26
|
+
1. **Is the package already installed?**
|
|
27
|
+
Check: `~/.design-agent-skills/skills/email-html-mjml/SKILL.md` exists.
|
|
28
|
+
- Yes → invoke `email-html-mjml` and proceed
|
|
29
|
+
- No → go to step 2
|
|
30
|
+
|
|
31
|
+
2. **Do you have shell access?**
|
|
32
|
+
- Yes → run the install command below, then invoke the skill
|
|
33
|
+
- No → show the user the install command, ask them to run it, then proceed once confirmed
|
|
34
|
+
|
|
35
|
+
## Install command
|
|
36
|
+
|
|
37
|
+
```bash
|
|
38
|
+
npx skills add framix-team/skill-email-html-mjml
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Invoke after install
|
|
42
|
+
|
|
43
|
+
- Skill name: `email-html-mjml`
|
|
44
|
+
- Trigger phrases: "MJML", "HTML email", "email template", "Outlook-safe email"
|
|
45
|
+
|
|
46
|
+
## What it does
|
|
47
|
+
|
|
48
|
+
Generates production-ready HTML email using MJML 4.x as the authoring layer. MJML's responsive components compile to table-based HTML that is compatible with Outlook 2013 through 365, Gmail web and mobile, Apple Mail, and other major clients. Output meets WCAG 2.1 AA accessibility standards (sufficient contrast, semantic structure, alt text). The skill self-activates when asked to create, compile, or troubleshoot any HTML email.
|
|
49
|
+
|
|
50
|
+
## When NOT to use
|
|
51
|
+
|
|
52
|
+
- Marketing web page HTML — use design-html instead
|
|
53
|
+
- Animated web content or interactive landing pages
|
|
54
|
+
- Email rendering testing across clients (use a dedicated email testing service like Litmus)
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: emilkowalski-skill
|
|
3
|
+
description: |
|
|
4
|
+
Emil Kowalski's entire design engineering philosophy as a skill. Creator of Sonner
|
|
5
|
+
(13M+ weekly npm downloads), Vaul, and animations.dev. Covers animation decision
|
|
6
|
+
framework, custom easing curves, component interaction principles, and typography rules.
|
|
7
|
+
triggers:
|
|
8
|
+
- "Emil Kowalski"
|
|
9
|
+
- "design engineering"
|
|
10
|
+
- "animation decision"
|
|
11
|
+
- "easing curves"
|
|
12
|
+
- "emil-design-eng"
|
|
13
|
+
das:
|
|
14
|
+
category: design-engineering
|
|
15
|
+
upstream: "https://github.com/emilkowalski/skill"
|
|
16
|
+
version: latest
|
|
17
|
+
install: false
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
# emilkowalski-skill
|
|
21
|
+
|
|
22
|
+
> Catalogue stub — full package: [emilkowalski/skill](https://github.com/emilkowalski/skill)
|
|
23
|
+
|
|
24
|
+
## Decision tree
|
|
25
|
+
|
|
26
|
+
Run this before any animation or design engineering work:
|
|
27
|
+
|
|
28
|
+
1. **Is the skill already installed?**
|
|
29
|
+
Check: `~/.design-agent-skills/skills/emil-design-eng/SKILL.md` exists.
|
|
30
|
+
- Yes → invoke `emil-design-eng` and proceed
|
|
31
|
+
- No → go to step 2
|
|
32
|
+
|
|
33
|
+
2. **Do you have shell access?**
|
|
34
|
+
- Yes → run the install command below, then invoke the skill
|
|
35
|
+
- No → show the user the install command, ask them to run it, then proceed once confirmed
|
|
36
|
+
|
|
37
|
+
## Install command
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
npx skills add emilkowalski/skill --skill emil-design-eng
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
Or for all skills in the package:
|
|
44
|
+
```bash
|
|
45
|
+
npx skills add emilkowalski/skill
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
## Invoke after install
|
|
49
|
+
|
|
50
|
+
- Skill name: `emil-design-eng`
|
|
51
|
+
- Trigger phrases: "Emil Kowalski", "design engineering", "animation decision", "easing curves"
|
|
52
|
+
|
|
53
|
+
## What it does
|
|
54
|
+
|
|
55
|
+
Emil Kowalski's complete design engineering methodology — animation decision framework (4 steps: should it animate? purpose? easing? duration?), required custom CSS easing curves, component interaction principles (button scale on `:active`, `scale(0.95)` entry animations, origin-aware transforms), CSS transitions over keyframes for interruptibility, and strict typography rules (65ch cap, tabular-nums, `…` not `...`). Used by the creator of Sonner, Vaul, and animations.dev.
|
|
56
|
+
|
|
57
|
+
## When NOT to use
|
|
58
|
+
|
|
59
|
+
- Backend, APIs, data work
|
|
60
|
+
- When motion is already well-handled
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type: package
|
|
2
|
+
tier: community
|
|
3
|
+
upstream: https://github.com/emilkowalski/skill
|
|
4
|
+
version: latest
|
|
5
|
+
install_default: "npx skills add emilkowalski/skill"
|
|
6
|
+
note: "Use --skill emil-design-eng to install just the design engineering skill"
|
|
7
|
+
installed_as: emil-design-eng
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: excalidraw-agents365
|
|
3
|
+
description: |
|
|
4
|
+
Excalidraw diagram generation optimized for coding agents. Produces clean,
|
|
5
|
+
structured diagrams for system architecture, flow charts, and technical
|
|
6
|
+
documentation from natural language.
|
|
7
|
+
triggers:
|
|
8
|
+
- "excalidraw for agents"
|
|
9
|
+
- "architecture diagram excalidraw"
|
|
10
|
+
- "system diagram"
|
|
11
|
+
das:
|
|
12
|
+
category: diagrams
|
|
13
|
+
upstream: "https://github.com/Agents365-ai/excalidraw-skill"
|
|
14
|
+
upstream_path: "SKILL.md"
|
|
15
|
+
version: latest
|
|
16
|
+
install: true
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
# excalidraw-agents365
|
|
20
|
+
|
|
21
|
+
> Catalogue stub — full skill: [Agents365-ai/excalidraw-skill](https://github.com/Agents365-ai/excalidraw-skill)
|
|
22
|
+
|
|
23
|
+
## Decision tree
|
|
24
|
+
|
|
25
|
+
1. **Is the full skill already installed?**
|
|
26
|
+
Check whether the skill at this location still has a `das:` block:
|
|
27
|
+
- Global: `grep -q "^das:" ~/.agents/skills/excalidraw-agents365/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
28
|
+
- Project: `grep -q "^das:" .agents/skills/excalidraw-agents365/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
29
|
+
- No `das:` block → full skill installed, invoke it and proceed
|
|
30
|
+
- `das:` block present → go to step 2
|
|
31
|
+
|
|
32
|
+
2. **Detect scope, then install:**
|
|
33
|
+
|
|
34
|
+
To detect scope:
|
|
35
|
+
```bash
|
|
36
|
+
[ -e ~/.agents/skills/excalidraw-agents365 ] && echo "global" || echo "project"
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
**Global** (installed with `-g`):
|
|
40
|
+
```bash
|
|
41
|
+
npx skills add Agents365-ai/excalidraw-skill --skill excalidraw-agents365 -g -y
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
**Project** (installed without `-g`):
|
|
45
|
+
```bash
|
|
46
|
+
npx skills add Agents365-ai/excalidraw-skill --skill excalidraw-agents365 -y
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## Invoke after install
|
|
50
|
+
|
|
51
|
+
- Skill name: `excalidraw-agents365`
|
|
52
|
+
- Trigger phrases: "architecture diagram excalidraw", "system diagram"
|
|
53
|
+
|
|
54
|
+
## What it does
|
|
55
|
+
|
|
56
|
+
Generates Excalidraw diagrams tuned for coding agent workflows — system architecture, flow charts, and technical documentation. Optimized for clean, structured output rather than freeform sketching.
|