Creative Visual Production

Umbrella skill for visual and motion output. Pick the subsection by artifact class, load supporting references only when needed, and verify the produced file or render.

Text and ASCII visuals

• ascii-art: banners, cowsay/boxes, image-to-ASCII stills.
• ascii-video: colored ASCII MP4/GIF, terminal-style animations, audio-reactive ASCII.
• pretext: DOM-free text layout, kinetic typography, text-as-geometry browser demos.

Diagrams and sketches

• excalidraw: hand-drawn .excalidraw architecture, flow, and sequence diagrams.
• sketch: throwaway HTML mockups with 2–3 variants for comparison.
• claude-design: one-off polished HTML artifacts, landing pages, decks, prototypes.
• design-md: DESIGN.md design-token specs for coding agents.
• popular-web-designs: real brand/style templates for web UI direction.