Your agent generates specs, reports, prototypes, and diagrams as HTML. Upload them to Shelf, get a link, share it. Your colleagues might actually read it.
Agents are writing longer specs, richer plans, and more complex reports. Markdown caps out — no color, no layout, no diagrams, no interaction. A 200-line markdown file is something you skim. A 200-line HTML file is something you read.
HTML gives your agent a full canvas: tables, SVG diagrams, interactive prototypes, color-coded annotations, tabbed sections, responsive layouts. And unlike markdown, you can just open it in a browser and share a link.
Speaking of markdown — Shelf renders .md files with full styling, syntax highlighting, and Mermaid diagram support. Front matter is tucked away in a collapsible section.
Mockups, data flow diagrams, annotated code snippets, milestone breakdowns — everything a developer needs to implement, in one file they'll actually read.
Inline diffs with margin annotations, color-coded severity, module dependency graphs. Attach one to every PR and reviewers will thank you.
Interactive prototypes with sliders, knobs, and live previews. Tune an animation, adjust a layout, then copy the result back into your prompt.
Incident timelines, weekly status reports, feature explainers with SVG flowcharts. Synthesized from your codebase, git history, Slack — wherever the context lives.
shelf upload report.html or drag & drop. Mark files private, protected, or public.The playground skill teaches your agent to build polished, self-contained HTML artifacts — specs, diagrams, prototypes, reports, slide decks. Install it with skills: