Codeck Design

Turns a content outline into a full HTML presentation with embedded CSS and slide engine. You invoke it when you want to go from structure to pixels. The interesting part is the "diagnosis" system: it reads your deck content, picks a designer archetype (Ravel, Caravaggio, Bach, Rams), then applies their formal logic to spacing, contrast, and rhythm instead of just slapping on a generic template. It handles visual references too, extracting color palettes and spatial patterns from URLs or screenshots you provide. The design lane owns all visual assets, so image work, cropping, and asset generation happen here without bouncing between skills. Built for the codeck presentation system, expects deck.md as input, writes out the assembled HTML.

Install to Claude Code

npx -y skills add hiyeshu/codeck --skill codeck-design --agent claude-code