create

Files (144)

• CLAUDE.md
• SKILL.md
• art.md
• ascii-video.md · art/
• README.md · art/ascii-video/
• architecture.md · art/ascii-video/references/
• composition.md · art/ascii-video/references/
• effects.md · art/ascii-video/references/
• inputs.md · art/ascii-video/references/
• optimization.md · art/ascii-video/references/
• scenes.md · art/ascii-video/references/
• shaders.md · art/ascii-video/references/
• troubleshooting.md · art/ascii-video/references/
• logo.md · art/
• p5js.md · art/
• README.md · art/p5js/
• animation.md · art/p5js/references/
• color-systems.md · art/p5js/references/
• core-api.md · art/p5js/references/
• export-pipeline.md · art/p5js/references/
• interaction.md · art/p5js/references/
• shapes-and-geometry.md · art/p5js/references/
• troubleshooting.md · art/p5js/references/
• typography.md · art/p5js/references/
• visual-effects.md · art/p5js/references/
• webgl-and-3d.md · art/p5js/references/
• export-frames.js · art/p5js/scripts/
• render.sh · art/p5js/scripts/
• serve.sh · art/p5js/scripts/
• setup.sh · art/p5js/scripts/
• viewer.html · art/p5js/templates/
• pretext.md · art/
• patterns.md · art/pretext/references/
• donut-orbit.html · art/pretext/templates/
• hello-orb-flow.html · art/pretext/templates/
• cv.md
• architecture-diagram.md · diagram/
• template.html · diagram/architecture-diagram/templates/
• excalidraw.md · diagram/
• colors.md · diagram/excalidraw/references/
• dark-mode.md · diagram/excalidraw/references/
• examples.md · diagram/excalidraw/references/
• upload.py · diagram/excalidraw/scripts/
• divergence.md
• explainer.md
• form.md
• social.md
• codex-critique.md · social/references/
• research-social-meme.md · social/references/
• x-image-dimensions.md · social/references/
• render.mjs · social/
• video.md
• collage.md · video/
• manim.md · video/
• README.md · video/manim/
• animation-design-thinking.md · video/manim/references/
• animations.md · video/manim/references/
• camera-and-3d.md · video/manim/references/
• decorations.md · video/manim/references/
• equations.md · video/manim/references/
• …and 84 more

SKILL.md (first lines)

# Create — artifact router

Only this file preloads. ALWAYS read exactly ONE matched file below, then only
the subtree files it references (`<mode>/<slug>/references/...`, `scripts/`,
`templates/`). Paths are relative to this directory.

## Dispatch

| If the request is | Read |
|---|---|
| interactive explainer, HTML explanation, narrated explainer, 3b1b explanation | `explainer.md` |
| CV, resume, curriculum vitae, role-targeted application | `cv.md` |
| landing page, deck, HTML prototype, from-scratch design with taste | `web.md` § Claude Design |
| reveal.js slides / code talk from a feature-work doc for a knowledge session | `web/code-presentation.md` |
| throwaway mockups — 2-3 design variants to compare before building | `web.md` § Sketch |
| DESIGN.md file, design tokens, token spec, WCAG/Tailwind/DTCG export | `web/design-md.md` |
| "look like Stripe/Linear/Vercel/Notion/..." — 54 real design systems | `web/popular-web-designs.md` |
| video script: shorts, reels, TikTok, X video, voiceover (45-75s) | `video.md` |
| render a script to MP4 — Remotion, Motion Canvas, Bevy, swarm, shaders | `video/render.md` |
| meme, promo loop, any film with a subject in it — cut real material, judge it blind | `video/collage.md` |
| math/algorithm animation, 3Blue1Brown style, Manim CE | `video/manim.md` |
| logo, emblem, badge, brand mark, favicon, candidate sheet | `art/logo.md` |
| static ASCII art: figlet banners, cowsay, boxes, image-to-ascii | `art.md` |
| ASCII video/animation, audio-reactive ASCII, matrix effects | `art/ascii-video.md` |
| p5.js, generative art, shaders, canvas, interactive/3D/audio sketches | `art/p5js.md` |
| pretext demos: text flowing around obstacles, text-as-geometry games | `art/pretext.md` |
| social image for the X feed: meme PNG, looping GIF, code-shot explainer | `social.md` |
| hand-drawn-style diagram JSON for excalidraw.com | `diagram/excalidraw.md` |
| dark-themed SVG architecture/cloud/infra diagram as HTML | `diagram/architecture-diagram.md` |
| explore a creative space: 4 independent versions per stage, select, iterate | `divergence.md` |
| form audit of a finished page: measurable layout, type, contrast and figure checks, headless at two widths | `form.md` |

## Principle

Every artifact is a graph of nodes defined as DATA first, then instantiated by
a renderer that walks it: a node is `{parent, transform/props}`, children
inherit the parent's transform, motion is a keyframe track sampled per
property — NEVER per-frame `if` branches. Compose the graph (and its tracks)
as consts BEFORE writing the renderer. Canonical worked example:
the `demo` skill's `cutout.md` § Rig it (parts hierarchy + motion paths + renderer).

## Quality gate

The maker NEVER certifies its own creative work — that is how amateur output
ships. Judge every artifact against a WRITTEN rubric via an INDEPENDENT critic (a
fresh agent, ideally a small panel) that did NOT make it, tasked adversarially:
"where does this read amateur?". Rubric = a few criteria — concept · composition
/ silhouette · craft (material unity) · motion/timing · "reads pro, not amateur"
— each scored with a one-line descriptor. Ship ONLY when it clears the bar;
iterate maker↔critic until it does. Ground the bar in real references first, not
vibes.

## Rules

- ALWAYS load one mode file first; NEVER bulk-read a subtree — each mode file
  indexes its own `references/`, `scripts/`, `templates/`.
- NEVER combine modes unless the artifact genuinely needs both (brand look +
  landing page = `web/popular-web-designs.md` + `web.md`; ASCII look in p5.js
  stays in `art/p5js.md`).
- Manim via the script-to-video pipeline → `video/render.md` flavor table;
  Manim as the primary deliverable → `video/manim.md`.
- Reviewing drafts: ALWAYS review local files by default. Publish only when
  the user requests it; ALWAYS follow the applicable project publishing policy.
  For published drafts, ALWAYS use your OWN draft directory and a SIMPLE
  auto-generated index OF THAT DIR (plain file listing, NEVER a bespoke gallery).
  NEVER auto-index a shared / multi-tenant root — it exposes other people's projects.

Sibling creative skills (own their domain, not folded here): `demo` (terminal
recordings + animated narrative shorts — its `cutout.md` holds the Monty Python
cutout look), `visual` (headful UI/CSS render refinement).

Related, NOT in this router: `show-me` (inline explanations of the current
topic, including code; requested explainer artifacts use this router),
`writing` (the owner's prose and page rules — any artifact with text obeys
`writing/page.md`), `humanize` (strip AI-isms from prose), `diagrams`
(Unicode box diagrams inside docs).

From kronael/tools, Unlicense.

More from kronael/tools