_{Banner + strips + mascot use SVG SMIL — animates in GitHub README previews.}

_{Playground sprite · playground/monkey-pasta.svg · single SVG “sheet,” motion via <animate> / <animateTransform>}

Scaffolding + reference library + runnable MCP servers for art, animation, UX/UI, graphics, games, audio, dataviz, shaders, export, and agentic asset pipelines — built around Claude Artifacts, Skills, MCP, and the API.

Mount into a Claude Project so every thread shares the same facts, guardrails, and starters.

Stack  ·  Inventory  ·  Reading order  ·  Recipes  ·  Install  ·  Child repos

---

Snapshot: May 2026 — Opus 4.7, Sonnet 4.6, Haiku 4.5. Anthropic rotates IDs without fanfare → knowledge/99-caveats.md before freezing versions.

---

At a glance

You pull from…	You get
knowledge/	Routed reference docs (01–17, 99) — upload into the Project KB
skills/	12 SKILL.md agents (games, motion, shaders, UI, decks, diagrams, …)
artifacts/	28 sandbox-correct HTML / JSX starters
prompts/	Copy-paste scaffolds — catalog prompts/README.md
recipes/	End-to-end narratives — index recipes/README.md
mcp/servers/	3 TypeScript MCP servers + mcp/configs/creative-stack.mcp.json

---

How the pieces stack

%%{init: {'theme': 'dark', 'themeVariables': { 'primaryColor': '#818cf8', 'lineColor': '#94a3b8'}}}%%
flowchart LR
  subgraph skill [Skill]
    S[Deterministic scaffold]
  end
  subgraph art [Artifact]
    A[Interactive preview]
  end
  subgraph mcp [MCP]
    M[Filesystem · APIs · tools]
  end
  S --> A --> M

Loading

Defaults (full routing in CLAUDE.md): animate transform / opacity / filter only · oklch() · Artifacts → window.storage, fetch api.anthropic.com/v1/messages only · Three.js r128 in sandbox · ship as Skill → Artifact → MCP.

---

Cold-start reading

Priority adapted from knowledge/00-index.md:

1. 03-artifacts.md — sandbox violations are expensive.
2. 01-claude-ecosystem.md — models & API shapes.
3. Domain file for today’s task (04 animation … 16 hooks).
4. 14-accessibility-performance.md — before calling anything “done”.
5. 99-caveats.md — last stop before hardcoding.

---

What’s in the box

knowledge/     19 Markdown guides — 00-index, 01–17, 99-caveats  → Project knowledge payload
skills/        12 Agent Skills (SKILL.md)
artifacts/     28 single-file starters (HTML + React/JSX)
prompts/       13 prompt scaffolds + README
recipes/       6 workflow narratives + README
mcp/servers/   3 TypeScript MCP servers + drop-in config
playground/    optional Vite + React harness (off-sandbox iteration)
plugins/       JUCE pairs for native audio — companions to select artifacts/html
CLAUDE.md      paste into Project Custom Instructions

Knowledge — routing

Open knowledge/00-index.md for the full “if the user asks about…” table. Abbreviated map:

#	Files	Covers
01–03	01 02 03	Ecosystem · Skills · Artifacts (constraints)
04–10	04 05 06 07 08 09 10	Animation · design · games · audio · dataviz · prompting · pipelines
11–17	11 12 13 14 15 16 17	Connectors · shaders · generative media · a11y/perf · export · hooks · decks/diagrams
99	99-caveats.md	Silent rotation

Skills — 12 in-repo

artifact-game-builder · animation-composer · presentation-studio · diagram-composer · shader-smith · palette-generator · sprite-atlas-builder · ui-design-kit · procgen-toolkit · critique-loop · asset-generator · viral-news-scanner

Artifacts

HTML & React starters respect real sandbox rules — catalog artifacts/README.md.

MCP — three servers

Server	Role
palette-oklch	WCAG-aware oklch palettes
sprite-packer	Atlas packing
asset-router	Asset routing / pipeline glue

Wire clients with mcp/configs/creative-stack.mcp.json.

---

Quick start

Assumes CLAUDE.md + knowledge/ are in a Project and MCPs are built (see Install).

Goal	Recipe	Starter / prompt
Playable game	recipes/game-jam.md	artifact-game-builder + game-ecs-starter.jsx or kaplay-top-down.html
Animated landing	recipes/animated-landing.md	animation-composer + css-animation-hero.html or bento-grid-landing.jsx
Data story	recipes/data-story.md	prompts/build-dataviz.md + dataviz-dashboard.jsx
Animated presentation	recipes/animated-presentation.md	presentation-studio + animated-presentation.html
Diagram / Excalidraw	prompts/build-diagram.md	diagram-composer + scripts/render-diagram.mjs
Design system	recipes/design-system.md	ui-design-kit + palette / UI prompts from prompts/README.md
Agentic pipeline	recipes/agentic-asset-pipeline.md	asset-generator + palette-oklch + sprite-packer (full-stack narrative)
Critique loop	prompts/critique-and-refine.md	critique-loop or shader-jam.jsx

One-page diagram of how layers connect → docs/diagram.md.

---

Install

Claude Project (primary)

1. New Project at claude.ai.
2. Paste CLAUDE.md into Custom Instructions.
3. Upload all of knowledge/ to the knowledge base.
4. (Optional) Attach prompts/ or recipes/ files you want one-click visible.
5. Start chatting — routing + defaults apply.

Skills outside Projects

Surface	How
Claude Code	Copy to ~/.claude/skills/<name>/ or /plugin add …/skills/<name>
Claude.ai (paid)	Skills panel
API	/v1/skills where code-execution applies

MCP — build all three

for d in palette-oklch sprite-packer asset-router; do
  ( cd "mcp/servers/$d" && npm install && npm run build )
done

Point ~/.claude.json or a project .mcp.json at mcp/configs/creative-stack.mcp.json.

Artifacts locally

Open artifacts/html/*.html in a browser. For React, paste .jsx into Claude or import via playground/.

---

Host layout — child repos

Top-level folders may be separate git repos (their own .git). Not submodules. Work inside the child for that project’s git history — do not mix host and child commits. Details → CLAUDE.md (Child repos).

---

Related work (alongside, not redundant)

• anthropics/skills — official Skills.
• greensock/gsap-skills — GSAP.
• freshtechbro/claudedesignskills — design / 3D / motion marketplace.
• HermeticOrmus/claude-code-game-development — game workflows.
• Lists: awesome-claude-skills · awesome-agent-skills.
• Registries: buildwithclaude.com · claudemarketplaces.com · claudepluginhub.com.

Optional — Claude Code marketplace bulk install

claude plugin marketplace add anthropics/skills
claude plugin marketplace add greensock/gsap-skills
claude plugin marketplace add freshtechbro/claudedesignskills
claude plugin marketplace add HermeticOrmus/claude-code-game-development

claude plugin install example-skills@anthropic-agent-skills
claude plugin install claude-api@anthropic-agent-skills
claude plugin install gsap-skills@gsap-skills
claude plugin install game-development@claude-code-workflows

for p in threejs-webgl react-three-fiber pixijs-2d animejs motion-framer \
         lottie-animations rive-interactive gsap-scrolltrigger react-spring-physics \
         babylonjs-engine playcanvas-engine aframe-webxr spline-interactive \
         blender-web-pipeline modern-web-design lightweight-3d-effects \
         scroll-reveal-libraries locomotive-scroll barba-js \
         animated-component-libraries animation-components authoring-motion \
         core-3d-animation extended-3d-scroll web3d-integration-patterns \
         substance-3d-texturing meta-skills; do
  claude plugin install "$p@claude-design-skillstack"
done

claude plugin list --available --json

Why this repo still matters

Elsewhere	Here
Claude Code–first	Project-first — knowledge/ is the spine
Skills only	Knowledge + prompts + artifacts + MCP + recipes
Docs-only MCP	npm install && npm run build servers in-tree
Silent drift	99-caveats.md names it

---

 PRs welcome · new Skills → 02-skills-system.md