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
package/package.json
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "design-agent-skills",
|
|
3
|
+
"version": "1.4.2",
|
|
4
|
+
"description": "Catalogue of design skills for Claude Code, Cursor, Codex, OpenCode, and Droid",
|
|
5
|
+
"bin": {
|
|
6
|
+
"design-agent-skills": "bin/cli.mjs"
|
|
7
|
+
},
|
|
8
|
+
"engines": {
|
|
9
|
+
"node": ">=18"
|
|
10
|
+
},
|
|
11
|
+
"scripts": {
|
|
12
|
+
"test": "node --test --experimental-test-coverage test/*.test.js"
|
|
13
|
+
},
|
|
14
|
+
"type": "module",
|
|
15
|
+
"keywords": [
|
|
16
|
+
"claude",
|
|
17
|
+
"cursor",
|
|
18
|
+
"codex",
|
|
19
|
+
"agent",
|
|
20
|
+
"skills",
|
|
21
|
+
"design"
|
|
22
|
+
],
|
|
23
|
+
"license": "MIT",
|
|
24
|
+
"repository": {
|
|
25
|
+
"type": "git",
|
|
26
|
+
"url": "git+https://github.com/podo/design-agent-skills.git"
|
|
27
|
+
},
|
|
28
|
+
"files": [
|
|
29
|
+
"bin/",
|
|
30
|
+
"install.sh",
|
|
31
|
+
"bootstrap.sh",
|
|
32
|
+
"skills/",
|
|
33
|
+
"VERSION",
|
|
34
|
+
"README.md"
|
|
35
|
+
]
|
|
36
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: accessibility-agents
|
|
3
|
+
description: |
|
|
4
|
+
Twenty-five specialist accessibility agents enforcing WCAG 2.2 AA compliance: nine web code specialists, six document accessibility specialists (Office/PDF), and markdown auditors. Each agent focuses on a specific accessibility domain.
|
|
5
|
+
triggers:
|
|
6
|
+
- "accessibility agents"
|
|
7
|
+
- "Community Access"
|
|
8
|
+
- "PDF accessibility"
|
|
9
|
+
- "document accessibility"
|
|
10
|
+
- "25 a11y agents"
|
|
11
|
+
das:
|
|
12
|
+
type: package
|
|
13
|
+
category: accessibility-quality
|
|
14
|
+
upstream: "https://github.com/Community-Access/accessibility-agents"
|
|
15
|
+
version: latest
|
|
16
|
+
install: false
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
# accessibility-agents
|
|
20
|
+
|
|
21
|
+
> Catalogue stub — full package: [Community-Access/accessibility-agents](https://github.com/Community-Access/accessibility-agents)
|
|
22
|
+
|
|
23
|
+
## Decision tree
|
|
24
|
+
|
|
25
|
+
1. **Is the package already installed?**
|
|
26
|
+
Check your agent's skills directory for `accessibility-agents` 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 → `npx skills add Community-Access/accessibility-agents`
|
|
32
|
+
- Other → see [GitHub README](https://github.com/Community-Access/accessibility-agents)
|
|
33
|
+
|
|
34
|
+
## Install command
|
|
35
|
+
|
|
36
|
+
```bash
|
|
37
|
+
npx skills add Community-Access/accessibility-agents
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Invoke after install
|
|
41
|
+
|
|
42
|
+
- Skill name: `accessibility-agents`
|
|
43
|
+
- Trigger phrases: "accessibility agents", "Community Access", "PDF accessibility", "document accessibility", "25 a11y agents"
|
|
44
|
+
|
|
45
|
+
## What it does
|
|
46
|
+
|
|
47
|
+
Twenty-five specialist accessibility agents each enforcing WCAG 2.2 AA compliance in a specific domain. Nine web code specialists cover HTML structure, ARIA, keyboard navigation, focus management, color contrast, images, forms, tables, and dynamic content. Six document accessibility specialists handle Word, Excel, PowerPoint, PDFs, and mixed-format documents. Additional markdown auditors cover structured content. Each agent produces targeted, domain-specific remediation guidance.
|
|
48
|
+
|
|
49
|
+
## When NOT to use
|
|
50
|
+
|
|
51
|
+
- Single-file audits where a lighter tool suffices — use `fixing-accessibility`
|
|
52
|
+
- Quick contrast check only — use `color-expert`
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: accessibility-catalogue
|
|
3
|
+
description: |
|
|
4
|
+
Domain navigator for accessibility, WCAG compliance, performance auditing,
|
|
5
|
+
and code quality skills. Routes to the right skill for a11y remediation,
|
|
6
|
+
WCAG 2.2 audits, Core Web Vitals, React quality, and motion performance.
|
|
7
|
+
triggers:
|
|
8
|
+
- "accessibility skills"
|
|
9
|
+
- "a11y skill"
|
|
10
|
+
- "WCAG skill"
|
|
11
|
+
- "web performance skills"
|
|
12
|
+
- "code quality skills"
|
|
13
|
+
- "audit skills"
|
|
14
|
+
- "screen reader skills"
|
|
15
|
+
---
|
|
16
|
+
|
|
17
|
+
# accessibility-catalogue
|
|
18
|
+
|
|
19
|
+
Domain navigator for accessibility, quality, and performance skills.
|
|
20
|
+
Activate when the user asks for a skill in auditing, remediating, or improving
|
|
21
|
+
accessibility, performance, or code quality.
|
|
22
|
+
|
|
23
|
+
→ For the full catalogue across all domains: use `design-catalogue`.
|
|
24
|
+
|
|
25
|
+
## When to use
|
|
26
|
+
|
|
27
|
+
Activate when the user:
|
|
28
|
+
- Needs to audit or fix accessibility (WCAG, ARIA, keyboard nav, contrast)
|
|
29
|
+
- Wants to improve web performance (Core Web Vitals, Lighthouse, CWV)
|
|
30
|
+
- Needs code quality audits (React, motion, SEO)
|
|
31
|
+
- Asks about WCAG 2.2 compliance workflows
|
|
32
|
+
|
|
33
|
+
## Accessibility & Quality
|
|
34
|
+
|
|
35
|
+
| Skill | Best for |
|
|
36
|
+
|-------|----------|
|
|
37
|
+
| [`fixing-accessibility`](../fixing-accessibility/SKILL.md) | ARIA, keyboard nav, focus management, contrast fixes |
|
|
38
|
+
| [`wcag-audit-patterns`](../wcag-audit-patterns/SKILL.md) | WCAG 2.2 audits with remediation |
|
|
39
|
+
| [`wcag-ai-skill`](../wcag-ai-skill/SKILL.md) | WCAG 2.2 full workflow: design → frontend → QA → conformance docs |
|
|
40
|
+
| [`accessibility-agents`](../accessibility-agents/SKILL.md) | 25 specialist a11y agents: web code, Office/PDF docs, markdown auditors |
|
|
41
|
+
| [`mastepanoski-skills`](../mastepanoski-skills/SKILL.md) | 6 audits: ux-rethink, Nielsen, WCAG POUR, Don Norman, cognitive walkthrough |
|
|
42
|
+
| [`fixing-motion-performance`](../fixing-motion-performance/SKILL.md) | Layout thrashing, compositor, scroll-linked animation performance |
|
|
43
|
+
| [`addyosmani-quality`](../addyosmani-quality/SKILL.md) | 6-skill suite: a11y, Lighthouse, CWV, perf, SEO, best practices |
|
|
44
|
+
| [`cloudflare-web-perf`](../cloudflare-web-perf/SKILL.md) | Core Web Vitals: LCP, INP, CLS fixes |
|
|
45
|
+
| [`react-doctor`](../react-doctor/SKILL.md) | React security, performance, correctness scoring |
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: addyosmani-quality
|
|
3
|
+
description: |
|
|
4
|
+
6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG),
|
|
5
|
+
web quality audit (Lighthouse-style), Core Web Vitals (LCP/INP/CLS),
|
|
6
|
+
performance, SEO, and security best practices.
|
|
7
|
+
triggers:
|
|
8
|
+
- "Addy Osmani"
|
|
9
|
+
- "web quality"
|
|
10
|
+
- "core web vitals"
|
|
11
|
+
- "web accessibility"
|
|
12
|
+
- "Lighthouse audit"
|
|
13
|
+
- "SEO audit"
|
|
14
|
+
- "web best practices"
|
|
15
|
+
das:
|
|
16
|
+
category: accessibility-quality
|
|
17
|
+
upstream: "https://github.com/addyosmani/skills"
|
|
18
|
+
version: latest
|
|
19
|
+
install: false
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
# addyosmani-quality
|
|
23
|
+
|
|
24
|
+
> Catalogue stub — full package: [addyosmani/skills](https://github.com/addyosmani/skills)
|
|
25
|
+
|
|
26
|
+
## Decision tree
|
|
27
|
+
|
|
28
|
+
Run this before any web quality, performance, or accessibility audit:
|
|
29
|
+
|
|
30
|
+
1. **Is an Osmani skill already installed?**
|
|
31
|
+
Check: `~/.design-agent-skills/skills/web-quality-audit/SKILL.md` exists (representative skill).
|
|
32
|
+
- Yes → invoke the specific skill by name and proceed
|
|
33
|
+
- No → go to step 2
|
|
34
|
+
|
|
35
|
+
2. **Do you have shell access?**
|
|
36
|
+
- Yes → install the specific skill below, then invoke it
|
|
37
|
+
- No → show the user the install command, ask them to run it, then proceed once confirmed
|
|
38
|
+
|
|
39
|
+
## Install command
|
|
40
|
+
|
|
41
|
+
```bash
|
|
42
|
+
# WCAG compliance, screen reader, keyboard navigation
|
|
43
|
+
npx skills add addyosmani/accessibility
|
|
44
|
+
|
|
45
|
+
# Lighthouse-style: performance, a11y, SEO, best practices
|
|
46
|
+
npx skills add addyosmani/web-quality-audit
|
|
47
|
+
|
|
48
|
+
# LCP, INP, CLS-specific optimizations
|
|
49
|
+
npx skills add addyosmani/core-web-vitals
|
|
50
|
+
|
|
51
|
+
# Loading speed, runtime efficiency, resource optimization
|
|
52
|
+
npx skills add addyosmani/performance
|
|
53
|
+
|
|
54
|
+
# Search engine optimization, structured data
|
|
55
|
+
npx skills add addyosmani/seo
|
|
56
|
+
|
|
57
|
+
# Security, modern web APIs, code quality
|
|
58
|
+
npx skills add addyosmani/best-practices
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
## Invoke after install
|
|
62
|
+
|
|
63
|
+
- `accessibility` — "WCAG compliance", "screen reader", "keyboard nav"
|
|
64
|
+
- `web-quality-audit` — "Lighthouse audit", "web quality"
|
|
65
|
+
- `core-web-vitals` — "LCP", "INP", "CLS", "Core Web Vitals"
|
|
66
|
+
- `performance` — "page speed", "loading performance"
|
|
67
|
+
- `seo` — "SEO", "structured data", "crawlability"
|
|
68
|
+
- `best-practices` — "web security", "modern APIs", "code quality"
|
|
69
|
+
|
|
70
|
+
## What it does
|
|
71
|
+
|
|
72
|
+
Addy Osmani's (Google Chrome) 6-skill web quality suite. Covers the complete quality axis: accessibility (WCAG 2.2), Lighthouse-style holistic audits, Core Web Vitals optimization, loading/runtime performance, SEO, and security best practices — each as a focused, actionable skill.
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: ai-graphic-design-skill
|
|
3
|
+
description: |
|
|
4
|
+
Maps 15 AI tools to design scenarios — Midjourney for ideation, Stable Diffusion for
|
|
5
|
+
production, ControlNet for composition control, vectorization pipelines, and mockup
|
|
6
|
+
generation. Includes a 2025-2026 AI Creative Director competency roadmap.
|
|
7
|
+
triggers:
|
|
8
|
+
- "AI graphic design"
|
|
9
|
+
- "AI design tools"
|
|
10
|
+
- "Midjourney workflow"
|
|
11
|
+
- "Stable Diffusion design"
|
|
12
|
+
- "AI Creative Director"
|
|
13
|
+
das:
|
|
14
|
+
type: skill
|
|
15
|
+
category: design-systems
|
|
16
|
+
upstream: "https://github.com/designrique/ai-graphic-design-skill"
|
|
17
|
+
upstream_path: "SKILL.md"
|
|
18
|
+
version: latest
|
|
19
|
+
install: true
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
# ai-graphic-design-skill
|
|
23
|
+
|
|
24
|
+
> Catalogue stub — full skill: [designrique/ai-graphic-design-skill](https://github.com/designrique/ai-graphic-design-skill)
|
|
25
|
+
|
|
26
|
+
## Decision tree
|
|
27
|
+
|
|
28
|
+
1. **Is the full skill already installed?**
|
|
29
|
+
Check whether the skill at this location still has a `das:` block:
|
|
30
|
+
- Global: `grep -q "^das:" ~/.agents/skills/ai-graphic-design-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
31
|
+
- Project: `grep -q "^das:" .agents/skills/ai-graphic-design-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
32
|
+
- No `das:` block → full skill installed, invoke it and proceed
|
|
33
|
+
- `das:` block present → go to step 2
|
|
34
|
+
|
|
35
|
+
2. **Detect scope, then install:**
|
|
36
|
+
|
|
37
|
+
To detect scope:
|
|
38
|
+
```bash
|
|
39
|
+
[ -e ~/.agents/skills/ai-graphic-design-skill ] && echo "global" || echo "project"
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
**Global** (installed with `-g`):
|
|
43
|
+
```bash
|
|
44
|
+
npx skills add designrique/ai-graphic-design-skill --skill ai-graphic-design-skill -g -y
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
**Project** (installed without `-g`):
|
|
48
|
+
```bash
|
|
49
|
+
npx skills add designrique/ai-graphic-design-skill --skill ai-graphic-design-skill -y
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
## Invoke after install
|
|
53
|
+
|
|
54
|
+
- Skill name: `ai-graphic-design-skill`
|
|
55
|
+
- Trigger phrases: "AI graphic design", "AI design tools", "Midjourney workflow", "Stable Diffusion design", "AI Creative Director"
|
|
56
|
+
|
|
57
|
+
## What it does
|
|
58
|
+
|
|
59
|
+
Provides a decision framework mapping 15 AI image and design tools to specific production scenarios: Midjourney for concept ideation and moodboarding, Stable Diffusion for production image generation, ControlNet for precise composition and pose control, plus vectorization pipelines and product mockup generation workflows. Includes a structured 2025-2026 AI Creative Director competency roadmap covering prompt engineering, tool orchestration, and quality control. Helps designers and agents choose the right AI tool for each phase of a graphic design project.
|
|
60
|
+
|
|
61
|
+
## When NOT to use
|
|
62
|
+
|
|
63
|
+
- Pure code or UI implementation tasks with no image or graphic design component (use `taste-skill` or `ui-craft` instead)
|
|
64
|
+
- When you need interactive UI components or design systems (use `design-consultation` or `shadcn-ui`)
|
|
65
|
+
- When the deliverable is a Figma file (use `figma-official-skills`)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: algorithmic-art
|
|
3
|
+
description: |
|
|
4
|
+
Create generative art using p5.js with seeded randomness, flow fields, and
|
|
5
|
+
particle systems. Official Anthropic skill for procedural visual art generation
|
|
6
|
+
in Claude artifacts.
|
|
7
|
+
triggers:
|
|
8
|
+
- "algorithmic art"
|
|
9
|
+
- "generative art"
|
|
10
|
+
- "flow field art"
|
|
11
|
+
- "particle system"
|
|
12
|
+
- "procedural art"
|
|
13
|
+
- "creative coding art"
|
|
14
|
+
das:
|
|
15
|
+
category: creative-3d
|
|
16
|
+
upstream: "https://github.com/anthropics/skills"
|
|
17
|
+
upstream_path: "skills/algorithmic-art/SKILL.md"
|
|
18
|
+
version: latest
|
|
19
|
+
install: true
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
# algorithmic-art
|
|
23
|
+
|
|
24
|
+
> Catalogue stub — full skill: [anthropics/skills](https://github.com/anthropics/skills/blob/main/skills/algorithmic-art/SKILL.md)
|
|
25
|
+
|
|
26
|
+
## Decision tree
|
|
27
|
+
|
|
28
|
+
1. **Is the full skill already installed?**
|
|
29
|
+
Check whether the skill at this location still has a `das:` block:
|
|
30
|
+
- Global: `grep -q "^das:" ~/.agents/skills/algorithmic-art/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
31
|
+
- Project: `grep -q "^das:" .agents/skills/algorithmic-art/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
32
|
+
- No `das:` block → full skill installed, invoke it and proceed
|
|
33
|
+
- `das:` block present → go to step 2
|
|
34
|
+
|
|
35
|
+
2. **Detect scope, then install:**
|
|
36
|
+
|
|
37
|
+
To detect scope:
|
|
38
|
+
```bash
|
|
39
|
+
[ -e ~/.agents/skills/algorithmic-art ] && echo "global" || echo "project"
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
**Global** (installed with `-g`):
|
|
43
|
+
```bash
|
|
44
|
+
npx skills add anthropics/skills --skill algorithmic-art -g -y
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
**Project** (installed without `-g`):
|
|
48
|
+
```bash
|
|
49
|
+
npx skills add anthropics/skills --skill algorithmic-art -y
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
## Invoke after install
|
|
53
|
+
|
|
54
|
+
- Skill name: `algorithmic-art`
|
|
55
|
+
- Trigger phrases: "algorithmic art", "generative art", "p5.js", "flow field", "particle system"
|
|
56
|
+
|
|
57
|
+
## What it does
|
|
58
|
+
|
|
59
|
+
Official Anthropic skill for creating generative art with p5.js. Produces seeded-random compositions — flow fields, particle systems, geometric progressions — inside Claude artifacts. Seeding ensures reproducible outputs while retaining organic variation. Use for creative coding, visual experiments, and procedurally generated illustrations.
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: animate-css-skill
|
|
3
|
+
description: |
|
|
4
|
+
Adds Animate.css (v4.1.1) animations to HTML, React/JSX, and WordPress PHP templates.
|
|
5
|
+
Includes scroll-trigger via Intersection Observer, RTL directional flipping, and
|
|
6
|
+
prefers-reduced-motion compliance.
|
|
7
|
+
triggers:
|
|
8
|
+
- "Animate.css"
|
|
9
|
+
- "CSS animation library"
|
|
10
|
+
- "bounce animation"
|
|
11
|
+
- "fadeIn"
|
|
12
|
+
- "animate-css"
|
|
13
|
+
das:
|
|
14
|
+
type: package
|
|
15
|
+
category: motion-animation
|
|
16
|
+
upstream: "https://github.com/msrbuilds/animate-css-skill"
|
|
17
|
+
version: latest
|
|
18
|
+
install: false
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
# animate-css-skill
|
|
22
|
+
|
|
23
|
+
> Catalogue stub — full package: [msrbuilds/animate-css-skill](https://github.com/msrbuilds/animate-css-skill)
|
|
24
|
+
|
|
25
|
+
## Decision tree
|
|
26
|
+
|
|
27
|
+
1. **Is the package already installed?**
|
|
28
|
+
Check: your agent's skills directory contains `animate-css-skill` with content beyond this stub.
|
|
29
|
+
- Yes → invoke `animate-css-skill` and proceed
|
|
30
|
+
- No → go to step 2
|
|
31
|
+
|
|
32
|
+
2. **Which agent are you on?**
|
|
33
|
+
- Claude Code → `npx skills add msrbuilds/animate-css-skill`
|
|
34
|
+
- Cursor → `npx skills add msrbuilds/animate-css-skill`
|
|
35
|
+
- Other → `npx skills add msrbuilds/animate-css-skill` or see [GitHub README](https://github.com/msrbuilds/animate-css-skill)
|
|
36
|
+
|
|
37
|
+
## Install command
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
npx skills add msrbuilds/animate-css-skill
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## Invoke after install
|
|
44
|
+
|
|
45
|
+
- Skill name: `animate-css-skill`
|
|
46
|
+
- Trigger phrases: "Animate.css", "CSS animation library", "bounce animation", "fadeIn", "animate-css"
|
|
47
|
+
|
|
48
|
+
## What it does
|
|
49
|
+
|
|
50
|
+
Applies Animate.css v4.1.1 animations across HTML, React/JSX components, and WordPress PHP templates. Covers the full Animate.css class catalogue (attention seekers, bouncing, fading, flipping, rotating, sliding, zooming, specials) with correct CDN or npm setup. Adds scroll-triggered reveals using the Intersection Observer API, RTL-aware directional flipping for right-to-left layouts, and `prefers-reduced-motion` compliance to respect user accessibility preferences.
|
|
51
|
+
|
|
52
|
+
## When NOT to use
|
|
53
|
+
|
|
54
|
+
- Custom keyframe animations built from scratch (use `css-animation-skill`)
|
|
55
|
+
- Interactive gesture-driven animations requiring JavaScript state (use `framer-motion-skills`)
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: animate-skill
|
|
3
|
+
description: |
|
|
4
|
+
Emil Kowalski-inspired animation patterns for Next.js/React with 8 working examples:
|
|
5
|
+
hover effects, toast notifications, text reveals, and modals. Emphasises motion that
|
|
6
|
+
feels inevitable and purposeful.
|
|
7
|
+
triggers:
|
|
8
|
+
- "animate"
|
|
9
|
+
- "hover animation"
|
|
10
|
+
- "toast animation"
|
|
11
|
+
- "text reveal"
|
|
12
|
+
- "animate-skill"
|
|
13
|
+
das:
|
|
14
|
+
type: skill
|
|
15
|
+
category: motion-animation
|
|
16
|
+
upstream: "https://github.com/delphi-ai/animate-skill"
|
|
17
|
+
upstream_path: "SKILL.md"
|
|
18
|
+
version: latest
|
|
19
|
+
install: true
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
# animate-skill
|
|
23
|
+
|
|
24
|
+
> Catalogue stub — full skill: [delphi-ai/animate-skill](https://github.com/delphi-ai/animate-skill)
|
|
25
|
+
|
|
26
|
+
## Decision tree
|
|
27
|
+
|
|
28
|
+
1. **Is the full skill already installed?**
|
|
29
|
+
Check whether the skill at this location still has a `das:` block:
|
|
30
|
+
- Global: `grep -q "^das:" ~/.agents/skills/animate-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
31
|
+
- Project: `grep -q "^das:" .agents/skills/animate-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
|
|
32
|
+
- No `das:` block → full skill installed, invoke it and proceed
|
|
33
|
+
- `das:` block present → go to step 2
|
|
34
|
+
|
|
35
|
+
2. **Detect scope, then install:**
|
|
36
|
+
|
|
37
|
+
To detect scope:
|
|
38
|
+
```bash
|
|
39
|
+
[ -e ~/.agents/skills/animate-skill ] && echo "global" || echo "project"
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
**Global** (installed with `-g`):
|
|
43
|
+
```bash
|
|
44
|
+
npx skills add delphi-ai/animate-skill --skill animate-skill -g -y
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
**Project** (installed without `-g`):
|
|
48
|
+
```bash
|
|
49
|
+
npx skills add delphi-ai/animate-skill --skill animate-skill -y
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
## Invoke after install
|
|
53
|
+
|
|
54
|
+
- Skill name: `animate-skill`
|
|
55
|
+
- Trigger phrases: "animate", "hover animation", "toast animation", "text reveal", "animate-skill"
|
|
56
|
+
|
|
57
|
+
## What it does
|
|
58
|
+
|
|
59
|
+
Emil Kowalski-inspired animation patterns for Next.js and React. Ships 8 production-ready working examples: hover micro-interactions, toast notification entrance/exit animations, character and word text reveals, and modal transitions. Design philosophy centres on motion that feels inevitable and purposeful rather than decorative — every animation should serve a clear communicative function. Patterns use CSS transitions and spring physics favoured by the animations.dev aesthetic.
|
|
60
|
+
|
|
61
|
+
## When NOT to use
|
|
62
|
+
|
|
63
|
+
- Complex timeline orchestration with multiple sequenced steps (use `gsap-skills`)
|
|
64
|
+
- Video or Lottie output (use `wiggle-claude-skill`)
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: anthropics-skills
|
|
3
|
+
description: |
|
|
4
|
+
6 official Anthropic skills for frontend design, artifact creation, and presentation.
|
|
5
|
+
Covers UI/UX development tools, complex HTML artifacts, visual art in PNG/PDF,
|
|
6
|
+
professional theme application, brand guidelines, and PowerPoint creation.
|
|
7
|
+
triggers:
|
|
8
|
+
- "Anthropic skill"
|
|
9
|
+
- "Anthropic frontend design"
|
|
10
|
+
- "web artifacts"
|
|
11
|
+
- "canvas design"
|
|
12
|
+
- "theme factory"
|
|
13
|
+
- "brand guidelines"
|
|
14
|
+
- "pptx Anthropic"
|
|
15
|
+
das:
|
|
16
|
+
category: official-suites
|
|
17
|
+
upstream: "https://github.com/anthropics/skills"
|
|
18
|
+
version: latest
|
|
19
|
+
install: false
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
# anthropics-skills
|
|
23
|
+
|
|
24
|
+
> Catalogue stub — full package: [anthropics/skills](https://github.com/anthropics/skills)
|
|
25
|
+
|
|
26
|
+
## Decision tree
|
|
27
|
+
|
|
28
|
+
Run this before using Anthropic official skills:
|
|
29
|
+
|
|
30
|
+
1. **Is an Anthropic skill already installed?**
|
|
31
|
+
Check: `~/.design-agent-skills/skills/frontend-design/SKILL.md` exists (representative skill).
|
|
32
|
+
- Yes → invoke the specific skill by name and proceed
|
|
33
|
+
- No → go to step 2
|
|
34
|
+
|
|
35
|
+
2. **Do you have shell access?**
|
|
36
|
+
- Yes → install the specific skill below, then invoke it
|
|
37
|
+
- No → show the user the install command, ask them to run it, then proceed once confirmed
|
|
38
|
+
|
|
39
|
+
## Install command
|
|
40
|
+
|
|
41
|
+
```bash
|
|
42
|
+
# Frontend design and UI/UX development
|
|
43
|
+
npx skills add anthropics/frontend-design
|
|
44
|
+
|
|
45
|
+
# Build complex HTML artifacts with React/Tailwind/shadcn
|
|
46
|
+
npx skills add anthropics/web-artifacts-builder
|
|
47
|
+
|
|
48
|
+
# Design visual art in PNG/PDF
|
|
49
|
+
npx skills add anthropics/canvas-design
|
|
50
|
+
|
|
51
|
+
# Style artifacts with professional themes
|
|
52
|
+
npx skills add anthropics/theme-factory
|
|
53
|
+
|
|
54
|
+
# Apply brand colors and typography
|
|
55
|
+
npx skills add anthropics/brand-guidelines
|
|
56
|
+
|
|
57
|
+
# Create, edit, and analyze PowerPoint presentations
|
|
58
|
+
npx skills add anthropics/pptx
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
## Invoke after install
|
|
62
|
+
|
|
63
|
+
- `frontend-design` — "frontend design", "UI/UX development"
|
|
64
|
+
- `web-artifacts-builder` — "web artifact", "React artifact", "build HTML artifact"
|
|
65
|
+
- `canvas-design` — "canvas design", "PNG art", "visual art"
|
|
66
|
+
- `theme-factory` — "theme artifact", "professional theme", "style artifact"
|
|
67
|
+
- `brand-guidelines` — "brand colors", "brand typography", "apply brand"
|
|
68
|
+
- `pptx` — "PowerPoint", "create PPTX", "presentation"
|
|
69
|
+
|
|
70
|
+
## What it does
|
|
71
|
+
|
|
72
|
+
Anthropic's official skill suite covering design-adjacent workflows: production-quality frontend design guidance, complex multi-component HTML artifact construction with React/Tailwind/shadcn, visual art creation, theme systems, brand application, and PowerPoint generation.
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
type: package
|
|
2
|
+
tier: official
|
|
3
|
+
upstream: https://github.com/anthropics/skills
|
|
4
|
+
version: latest
|
|
5
|
+
install_default: "npx skills add anthropics/<skill>"
|
|
6
|
+
installed_as:
|
|
7
|
+
- frontend-design
|
|
8
|
+
- web-artifacts-builder
|
|
9
|
+
- canvas-design
|
|
10
|
+
- theme-factory
|
|
11
|
+
- brand-guidelines
|
|
12
|
+
- pptx
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: antvis-chart-skills
|
|
3
|
+
description: |
|
|
4
|
+
7 professional chart and visualization skills powered by Ant Group's AntV ecosystem.
|
|
5
|
+
26+ chart types, 98.2% accuracy on test cases. Covers charts, infographics, graphs,
|
|
6
|
+
tables, icons, and narrative reports.
|
|
7
|
+
triggers:
|
|
8
|
+
- "AntV"
|
|
9
|
+
- "antvis"
|
|
10
|
+
- "chart visualization"
|
|
11
|
+
- "G2 chart"
|
|
12
|
+
- "G6 graph"
|
|
13
|
+
- "S2 table"
|
|
14
|
+
- "pivot table"
|
|
15
|
+
das:
|
|
16
|
+
category: data-visualization
|
|
17
|
+
upstream: "https://github.com/antvis/chart-visualization-skills"
|
|
18
|
+
version: latest
|
|
19
|
+
install: false
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
# antvis-chart-skills
|
|
23
|
+
|
|
24
|
+
> Catalogue stub — full package: [antvis/chart-visualization-skills](https://github.com/antvis/chart-visualization-skills)
|
|
25
|
+
|
|
26
|
+
## Decision tree
|
|
27
|
+
|
|
28
|
+
Run this before any professional chart or data visualization work:
|
|
29
|
+
|
|
30
|
+
1. **Is the package already installed?**
|
|
31
|
+
Check: `~/.design-agent-skills/skills/chart-visualization/SKILL.md` exists (representative skill).
|
|
32
|
+
- Yes → invoke the relevant skill by name and proceed
|
|
33
|
+
- No → go to step 2
|
|
34
|
+
|
|
35
|
+
2. **Do you have shell access?**
|
|
36
|
+
- Yes → run the install command below, then invoke the skill
|
|
37
|
+
- No → show the user the install command, ask them to run it, then proceed once confirmed
|
|
38
|
+
|
|
39
|
+
## Install command
|
|
40
|
+
|
|
41
|
+
```bash
|
|
42
|
+
npx skills add antvis/chart-visualization-skills
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
## Invoke after install
|
|
46
|
+
|
|
47
|
+
7 skills from the AntV ecosystem:
|
|
48
|
+
|
|
49
|
+
| Skill | Use case |
|
|
50
|
+
|-------|----------|
|
|
51
|
+
| `chart-visualization` | 26+ chart types: time series, comparisons, part-to-whole, relationships, geographic, hierarchical |
|
|
52
|
+
| `infographic-creator` | 50+ infographic templates: lists, sequences, hierarchies, comparisons, relations |
|
|
53
|
+
| `icon-retrieval` | Search and retrieve icon SVGs from the AntV icon library |
|
|
54
|
+
| `narrative-text-visualization` | Structured narrative reports with entity annotations (T8 Syntax) |
|
|
55
|
+
| `antv-s2-expert` | Multi-dimensional cross-analysis tables (pivot tables, table sheets) |
|
|
56
|
+
| `antv-g6-graph` | G6 v5 graph visualization: network graphs, tree graphs, flow charts, mind maps |
|
|
57
|
+
| `antv-g2-chart` | G2 v5 chart code generator for 30+ chart types |
|
|
58
|
+
|
|
59
|
+
## What it does
|
|
60
|
+
|
|
61
|
+
Professional chart generation powered by Ant Group's production-grade AntV libraries. 98.2% accuracy on visualization test cases, 26+ chart types with correct semantic mapping, and specialized tools for pivot tables, graph networks, and narrative reports with data annotation.
|