
39 editorial HTML/SVG diagram types for Claude Code and Codex
Have your agent build and edit single-file Bento slide decks with charts and morph transitions.
Clone or download it from github.com, then drop the folder into ~/.claude/skills/ (Claude Code) or your agent's skills directory.
Share this product's name and rating in your README or on your website.
Updates may be delayed by image caching.
From the Bento office suite. Bento decks are one self-contained .bento.html file with a JSON document inside, so the agent can create a deck from scratch or source material and pick real features like charts, state slides and motion paths instead of static text.
Used it? Write the first review.

39 editorial HTML/SVG diagram types for Claude Code and Codex

Translate Figma into production code at 1:1 fidelity

Distinctive UI/UX implementation patterns for frontend work

Capture desktop, app windows, or pixel regions

Map Figma design components to code with Code Connect

ADHD-friendly skill that makes agents lead with the answer