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.
Files changed (262) hide show
  1. package/README.md +380 -0
  2. package/VERSION +1 -0
  3. package/bin/cli.mjs +45 -0
  4. package/bootstrap.sh +32 -0
  5. package/install.sh +689 -0
  6. package/package.json +36 -0
  7. package/skills/accessibility-agents/SKILL.md +52 -0
  8. package/skills/accessibility-agents/stub.yaml +5 -0
  9. package/skills/accessibility-catalogue/SKILL.md +45 -0
  10. package/skills/accessibility-catalogue/stub.yaml +3 -0
  11. package/skills/addyosmani-quality/SKILL.md +72 -0
  12. package/skills/addyosmani-quality/stub.yaml +6 -0
  13. package/skills/ai-graphic-design-skill/SKILL.md +65 -0
  14. package/skills/ai-graphic-design-skill/stub.yaml +5 -0
  15. package/skills/algorithmic-art/SKILL.md +59 -0
  16. package/skills/algorithmic-art/stub.yaml +5 -0
  17. package/skills/animate-css-skill/SKILL.md +55 -0
  18. package/skills/animate-css-skill/stub.yaml +5 -0
  19. package/skills/animate-skill/SKILL.md +64 -0
  20. package/skills/animate-skill/stub.yaml +5 -0
  21. package/skills/anthropics-skills/SKILL.md +72 -0
  22. package/skills/anthropics-skills/stub.yaml +12 -0
  23. package/skills/antvis-chart-skills/SKILL.md +61 -0
  24. package/skills/antvis-chart-skills/stub.yaml +6 -0
  25. package/skills/apple-hig-skills/SKILL.md +66 -0
  26. package/skills/apple-hig-skills/stub.yaml +6 -0
  27. package/skills/baseline-ui/SKILL.md +54 -0
  28. package/skills/baseline-ui/stub.yaml +5 -0
  29. package/skills/bencium-ux-designer/SKILL.md +54 -0
  30. package/skills/bencium-ux-designer/stub.yaml +5 -0
  31. package/skills/brand-design-md/SKILL.md +65 -0
  32. package/skills/brand-design-md/stub.yaml +5 -0
  33. package/skills/callstack-agent-skills/SKILL.md +56 -0
  34. package/skills/callstack-agent-skills/stub.yaml +6 -0
  35. package/skills/cc-slidev/SKILL.md +54 -0
  36. package/skills/cc-slidev/stub.yaml +5 -0
  37. package/skills/claud3/SKILL.md +54 -0
  38. package/skills/claud3/stub.yaml +5 -0
  39. package/skills/claude-pm-skills/SKILL.md +53 -0
  40. package/skills/claude-pm-skills/stub.yaml +5 -0
  41. package/skills/claude-wireframe-skill/SKILL.md +63 -0
  42. package/skills/claude-wireframe-skill/stub.yaml +5 -0
  43. package/skills/claude2figma/SKILL.md +54 -0
  44. package/skills/claude2figma/stub.yaml +5 -0
  45. package/skills/claudedesignskills/SKILL.md +59 -0
  46. package/skills/claudedesignskills/stub.yaml +5 -0
  47. package/skills/cloudai-threejs/SKILL.md +51 -0
  48. package/skills/cloudai-threejs/stub.yaml +6 -0
  49. package/skills/cloudflare-web-perf/SKILL.md +60 -0
  50. package/skills/cloudflare-web-perf/stub.yaml +5 -0
  51. package/skills/color-expert/SKILL.md +62 -0
  52. package/skills/color-expert/stub.yaml +5 -0
  53. package/skills/composio-artifacts/SKILL.md +63 -0
  54. package/skills/composio-artifacts/stub.yaml +5 -0
  55. package/skills/content-catalogue/SKILL.md +105 -0
  56. package/skills/content-catalogue/stub.yaml +3 -0
  57. package/skills/coreyhaines-marketing/SKILL.md +59 -0
  58. package/skills/coreyhaines-marketing/stub.yaml +6 -0
  59. package/skills/creative-director/SKILL.md +60 -0
  60. package/skills/creative-director/stub.yaml +5 -0
  61. package/skills/css-animation-skill/SKILL.md +63 -0
  62. package/skills/css-animation-skill/stub.yaml +5 -0
  63. package/skills/d3js-skill/SKILL.md +58 -0
  64. package/skills/d3js-skill/stub.yaml +5 -0
  65. package/skills/data-analysis-skill/SKILL.md +64 -0
  66. package/skills/data-analysis-skill/stub.yaml +5 -0
  67. package/skills/data-viz-agent/SKILL.md +60 -0
  68. package/skills/data-viz-agent/stub.yaml +5 -0
  69. package/skills/deanpeters-pm-skills/SKILL.md +76 -0
  70. package/skills/deanpeters-pm-skills/stub.yaml +6 -0
  71. package/skills/design-auditor/SKILL.md +62 -0
  72. package/skills/design-auditor/stub.yaml +5 -0
  73. package/skills/design-brief/SKILL.md +58 -0
  74. package/skills/design-brief/stub.yaml +5 -0
  75. package/skills/design-catalogue/SKILL.md +346 -0
  76. package/skills/design-catalogue/stub.yaml +3 -0
  77. package/skills/design-consultation/SKILL.md +58 -0
  78. package/skills/design-consultation/stub.yaml +5 -0
  79. package/skills/design-engineering-catalogue/SKILL.md +92 -0
  80. package/skills/design-engineering-catalogue/stub.yaml +3 -0
  81. package/skills/design-for-ai/SKILL.md +58 -0
  82. package/skills/design-for-ai/stub.yaml +5 -0
  83. package/skills/design-html/SKILL.md +59 -0
  84. package/skills/design-html/stub.yaml +5 -0
  85. package/skills/design-lab/SKILL.md +54 -0
  86. package/skills/design-lab/stub.yaml +5 -0
  87. package/skills/design-review-garrytan/SKILL.md +58 -0
  88. package/skills/design-review-garrytan/stub.yaml +5 -0
  89. package/skills/design-tokens-skill/SKILL.md +68 -0
  90. package/skills/design-tokens-skill/stub.yaml +5 -0
  91. package/skills/design-with-claude/SKILL.md +51 -0
  92. package/skills/design-with-claude/stub.yaml +5 -0
  93. package/skills/designer-skills/SKILL.md +52 -0
  94. package/skills/designer-skills/stub.yaml +5 -0
  95. package/skills/digidai-pm/SKILL.md +60 -0
  96. package/skills/digidai-pm/stub.yaml +5 -0
  97. package/skills/distinctive-frontend/SKILL.md +55 -0
  98. package/skills/distinctive-frontend/stub.yaml +5 -0
  99. package/skills/email-html-mjml/SKILL.md +54 -0
  100. package/skills/email-html-mjml/stub.yaml +5 -0
  101. package/skills/emilkowalski-skill/SKILL.md +60 -0
  102. package/skills/emilkowalski-skill/stub.yaml +7 -0
  103. package/skills/excalidraw-agents365/SKILL.md +56 -0
  104. package/skills/excalidraw-agents365/stub.yaml +5 -0
  105. package/skills/excalidraw-diagram/SKILL.md +58 -0
  106. package/skills/excalidraw-diagram/stub.yaml +5 -0
  107. package/skills/expo-skills/SKILL.md +56 -0
  108. package/skills/expo-skills/stub.yaml +21 -0
  109. package/skills/extract-design-md/SKILL.md +58 -0
  110. package/skills/extract-design-md/stub.yaml +5 -0
  111. package/skills/extract-design-system/SKILL.md +53 -0
  112. package/skills/extract-design-system/stub.yaml +5 -0
  113. package/skills/fal-ai-skills/SKILL.md +56 -0
  114. package/skills/fal-ai-skills/stub.yaml +6 -0
  115. package/skills/figma-catalogue/SKILL.md +57 -0
  116. package/skills/figma-catalogue/stub.yaml +3 -0
  117. package/skills/figma-official-skills/SKILL.md +80 -0
  118. package/skills/figma-official-skills/stub.yaml +6 -0
  119. package/skills/figma-skill/SKILL.md +52 -0
  120. package/skills/figma-skill/stub.yaml +5 -0
  121. package/skills/figma-variables-tokens-generator/SKILL.md +54 -0
  122. package/skills/figma-variables-tokens-generator/stub.yaml +5 -0
  123. package/skills/fixing-accessibility/SKILL.md +54 -0
  124. package/skills/fixing-accessibility/stub.yaml +5 -0
  125. package/skills/fixing-motion-performance/SKILL.md +54 -0
  126. package/skills/fixing-motion-performance/stub.yaml +5 -0
  127. package/skills/framer-motion-skills/SKILL.md +55 -0
  128. package/skills/framer-motion-skills/stub.yaml +5 -0
  129. package/skills/frontend-design/SKILL.md +65 -0
  130. package/skills/frontend-design/stub.yaml +5 -0
  131. package/skills/frontend-slides/SKILL.md +59 -0
  132. package/skills/frontend-slides/stub.yaml +5 -0
  133. package/skills/generative-media-skills/SKILL.md +56 -0
  134. package/skills/generative-media-skills/stub.yaml +4 -0
  135. package/skills/google-fonts-skill/SKILL.md +69 -0
  136. package/skills/google-fonts-skill/stub.yaml +4 -0
  137. package/skills/google-stitch-skills/SKILL.md +71 -0
  138. package/skills/google-stitch-skills/stub.yaml +6 -0
  139. package/skills/gsap-skills/SKILL.md +55 -0
  140. package/skills/gsap-skills/stub.yaml +5 -0
  141. package/skills/guizang-ppt/SKILL.md +58 -0
  142. package/skills/guizang-ppt/stub.yaml +5 -0
  143. package/skills/hand-drawn-diagrams/SKILL.md +57 -0
  144. package/skills/hand-drawn-diagrams/stub.yaml +5 -0
  145. package/skills/hig-doctor/SKILL.md +59 -0
  146. package/skills/hig-doctor/stub.yaml +6 -0
  147. package/skills/huashu-design/SKILL.md +64 -0
  148. package/skills/huashu-design/stub.yaml +5 -0
  149. package/skills/hyperframes/SKILL.md +60 -0
  150. package/skills/hyperframes/stub.yaml +5 -0
  151. package/skills/impeccable/SKILL.md +75 -0
  152. package/skills/impeccable/stub.yaml +8 -0
  153. package/skills/ink-google/SKILL.md +58 -0
  154. package/skills/ink-google/stub.yaml +5 -0
  155. package/skills/interface-design-dammyjay/SKILL.md +55 -0
  156. package/skills/interface-design-dammyjay/stub.yaml +5 -0
  157. package/skills/liquid-glass-skill/SKILL.md +54 -0
  158. package/skills/liquid-glass-skill/stub.yaml +5 -0
  159. package/skills/logo-designer-skill/SKILL.md +56 -0
  160. package/skills/logo-designer-skill/stub.yaml +5 -0
  161. package/skills/make-interfaces-better/SKILL.md +60 -0
  162. package/skills/make-interfaces-better/stub.yaml +5 -0
  163. package/skills/markdown-viewer-skills/SKILL.md +70 -0
  164. package/skills/markdown-viewer-skills/stub.yaml +6 -0
  165. package/skills/marp-slide-quality/SKILL.md +63 -0
  166. package/skills/marp-slide-quality/stub.yaml +5 -0
  167. package/skills/marp-slides/SKILL.md +63 -0
  168. package/skills/marp-slides/stub.yaml +5 -0
  169. package/skills/mastepanoski-skills/SKILL.md +52 -0
  170. package/skills/mastepanoski-skills/stub.yaml +5 -0
  171. package/skills/microsoft-skills/SKILL.md +51 -0
  172. package/skills/microsoft-skills/stub.yaml +6 -0
  173. package/skills/mobile-app-design/SKILL.md +67 -0
  174. package/skills/mobile-app-design/stub.yaml +5 -0
  175. package/skills/mobile-app-ui-design/SKILL.md +65 -0
  176. package/skills/mobile-app-ui-design/stub.yaml +5 -0
  177. package/skills/motion-catalogue/SKILL.md +69 -0
  178. package/skills/motion-catalogue/stub.yaml +3 -0
  179. package/skills/motion-design-skill/SKILL.md +55 -0
  180. package/skills/motion-design-skill/stub.yaml +5 -0
  181. package/skills/nanobanan-ppt/SKILL.md +64 -0
  182. package/skills/nanobanan-ppt/stub.yaml +5 -0
  183. package/skills/neo-user-journey/SKILL.md +62 -0
  184. package/skills/neo-user-journey/stub.yaml +5 -0
  185. package/skills/nimbalyst-skills/SKILL.md +59 -0
  186. package/skills/nimbalyst-skills/stub.yaml +7 -0
  187. package/skills/open-design/SKILL.md +55 -0
  188. package/skills/open-design/stub.yaml +4 -0
  189. package/skills/openai-skills/SKILL.md +67 -0
  190. package/skills/openai-skills/stub.yaml +6 -0
  191. package/skills/p5js-hermes/SKILL.md +62 -0
  192. package/skills/p5js-hermes/stub.yaml +5 -0
  193. package/skills/phuryn-pm-skills/SKILL.md +56 -0
  194. package/skills/phuryn-pm-skills/stub.yaml +6 -0
  195. package/skills/plan-design-review/SKILL.md +58 -0
  196. package/skills/plan-design-review/stub.yaml +5 -0
  197. package/skills/platform-design-skills/SKILL.md +52 -0
  198. package/skills/platform-design-skills/stub.yaml +6 -0
  199. package/skills/pm-skills/SKILL.md +55 -0
  200. package/skills/pm-skills/stub.yaml +5 -0
  201. package/skills/react-doctor/SKILL.md +55 -0
  202. package/skills/react-doctor/stub.yaml +5 -0
  203. package/skills/remotion/SKILL.md +59 -0
  204. package/skills/remotion/stub.yaml +5 -0
  205. package/skills/revealjs-skill/SKILL.md +54 -0
  206. package/skills/revealjs-skill/stub.yaml +5 -0
  207. package/skills/shadcn-ui/SKILL.md +54 -0
  208. package/skills/shadcn-ui/stub.yaml +5 -0
  209. package/skills/shader-dev/SKILL.md +60 -0
  210. package/skills/shader-dev/stub.yaml +5 -0
  211. package/skills/simota-agent-skills/SKILL.md +53 -0
  212. package/skills/simota-agent-skills/stub.yaml +5 -0
  213. package/skills/sleek-design-mobile-apps/SKILL.md +56 -0
  214. package/skills/sleek-design-mobile-apps/stub.yaml +4 -0
  215. package/skills/slidev-skill/SKILL.md +54 -0
  216. package/skills/slidev-skill/stub.yaml +5 -0
  217. package/skills/softaworks-agent-toolkit/SKILL.md +58 -0
  218. package/skills/softaworks-agent-toolkit/stub.yaml +6 -0
  219. package/skills/software-mansion-skills/SKILL.md +63 -0
  220. package/skills/software-mansion-skills/stub.yaml +11 -0
  221. package/skills/superdesign-skill/SKILL.md +53 -0
  222. package/skills/superdesign-skill/stub.yaml +4 -0
  223. package/skills/swiftui-claude-skills/SKILL.md +54 -0
  224. package/skills/swiftui-claude-skills/stub.yaml +5 -0
  225. package/skills/swiftui-patterns/SKILL.md +54 -0
  226. package/skills/swiftui-patterns/stub.yaml +5 -0
  227. package/skills/taste-design-stitch/SKILL.md +58 -0
  228. package/skills/taste-design-stitch/stub.yaml +5 -0
  229. package/skills/taste-skill/SKILL.md +74 -0
  230. package/skills/taste-skill/stub.yaml +5 -0
  231. package/skills/threejs-claude-skill-package/SKILL.md +54 -0
  232. package/skills/threejs-claude-skill-package/stub.yaml +5 -0
  233. package/skills/threejs-ecs-ts/SKILL.md +54 -0
  234. package/skills/threejs-ecs-ts/stub.yaml +5 -0
  235. package/skills/tui-design-skill/SKILL.md +56 -0
  236. package/skills/tui-design-skill/stub.yaml +5 -0
  237. package/skills/ui-craft/SKILL.md +58 -0
  238. package/skills/ui-craft/stub.yaml +5 -0
  239. package/skills/ui-ux-pro-max/SKILL.md +64 -0
  240. package/skills/ui-ux-pro-max/stub.yaml +7 -0
  241. package/skills/ux-designer-skill/SKILL.md +62 -0
  242. package/skills/ux-designer-skill/stub.yaml +5 -0
  243. package/skills/ux-ui-mastery/SKILL.md +53 -0
  244. package/skills/ux-ui-mastery/stub.yaml +5 -0
  245. package/skills/vercel-skills/SKILL.md +65 -0
  246. package/skills/vercel-skills/stub.yaml +6 -0
  247. package/skills/wcag-ai-skill/SKILL.md +52 -0
  248. package/skills/wcag-ai-skill/stub.yaml +5 -0
  249. package/skills/wcag-audit-patterns/SKILL.md +53 -0
  250. package/skills/wcag-audit-patterns/stub.yaml +5 -0
  251. package/skills/webgpu-claude-skill/SKILL.md +54 -0
  252. package/skills/webgpu-claude-skill/stub.yaml +5 -0
  253. package/skills/wiggle-claude-skill/SKILL.md +63 -0
  254. package/skills/wiggle-claude-skill/stub.yaml +5 -0
  255. package/skills/wireframe-skill/SKILL.md +63 -0
  256. package/skills/wireframe-skill/stub.yaml +5 -0
  257. package/skills/wireframer/SKILL.md +59 -0
  258. package/skills/wireframer/stub.yaml +5 -0
  259. package/skills/wondelai-skills/SKILL.md +57 -0
  260. package/skills/wondelai-skills/stub.yaml +11 -0
  261. package/skills/work-with-design-systems/SKILL.md +67 -0
  262. 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,5 @@
1
+ type: package
2
+ tier: experimental
3
+ upstream: https://github.com/Community-Access/accessibility-agents
4
+ version: latest
5
+ install_default: "npx skills add Community-Access/accessibility-agents"
@@ -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,3 @@
1
+ type: router
2
+ tier: official
3
+ note: "Domain meta-navigator — part of design-agent-skills catalogue"
@@ -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,6 @@
1
+ type: package
2
+ tier: community
3
+ upstream: https://github.com/addyosmani/skills
4
+ version: latest
5
+ install_default: "npx skills add addyosmani/<skill>"
6
+ installed_as: web-quality-audit
@@ -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,5 @@
1
+ type: skill
2
+ tier: experimental
3
+ upstream: https://github.com/designrique/ai-graphic-design-skill
4
+ upstream_path: SKILL.md
5
+ version: latest
@@ -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,5 @@
1
+ type: skill
2
+ tier: official
3
+ upstream: https://github.com/anthropics/skills
4
+ upstream_path: skills/algorithmic-art/SKILL.md
5
+ version: latest
@@ -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,5 @@
1
+ type: package
2
+ tier: experimental
3
+ upstream: https://github.com/msrbuilds/animate-css-skill
4
+ version: latest
5
+ install_default: "npx skills add msrbuilds/animate-css-skill"
@@ -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,5 @@
1
+ type: skill
2
+ tier: community
3
+ upstream: https://github.com/delphi-ai/animate-skill
4
+ upstream_path: SKILL.md
5
+ version: latest
@@ -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.
@@ -0,0 +1,6 @@
1
+ type: package
2
+ tier: official
3
+ upstream: https://github.com/antvis/chart-visualization-skills
4
+ version: latest
5
+ install_default: "npx skills add antvis/chart-visualization-skills"
6
+ installed_as: chart-visualization