Compose Preview — Design Board

Assemble the PNGs produced by compose-preview into a single, self-contained HTML design board — categories, groups, captions, and layout — so a set of renders travels as one coherent brief instead of loose screenshots. The board is built for import into Claude Design (and similar design tools).

This skill assumes the compose-preview skill is installed — it owns the renderer, CLI, and Gradle plugin that produce the PNGs this skill arranges. Check first with compose-preview --version; if it's missing:

1. Run the stub bundled with the compose-preview skill, if it's on disk: bash ~/.agents/skills/compose-preview/scripts/compose-preview --version (first run installs the CLI and puts it on PATH).
2. Otherwise npx skills add yschimke/skills --global --yes --skill compose-preview --skill compose-preview-design-board, then run that stub. Update later with compose-preview update (CLI) and npx skills update (skills).
3. No Node? curl -fsSL https://raw.githubusercontent.com/yschimke/skills/main/scripts/install.sh | bash

Source