Full Byte Developer.

Add drawing, diagram and film skills to your agent

Install one skill for the visual you need and inspect its scripts before granting access.

Published · 3 sources

Anatomy, Diagram Design and Lemo Opuscar cover different outputs: interactive illustrations, diagrams and films built in code, per their repositories [1][2][3]. Choose the output first.

Install Anatomy for an interactive illustration

The Anatomy README documents this Claude Code installation [1]. Read its skill and scripts before running it.

bash
npx skills add wheresryan22/anatomy -g -a claude-code

Its documented example asks the skill to explain a token bucket rate limiter interactively [1].

text
/anatomy explain how a token bucket rate limiter works, interactive

Install Diagram Design for a diagram

The repository documents this installation [2].

bash
npx skills add cathrynlavery/diagram-design

Describe the components and their relationships in plain language. Per the README, the skill writes a self-contained HTML and SVG diagram you can open locally [2].

Install Lemo Opuscar for a film

Lemo Opuscar documents these terminal commands for Claude Code [3].

bash
claude plugin marketplace add lemomo-ai/lemo-opuscar
claude plugin install lemo-opuscar@lemolab

Check the repository's runtime requirements before rendering. Its first use downloads shared guides and tools; each film's project stays in the folder where you started [3]. Keep the generated source with the export so you can revise it later.

Keep this guide

By Full Byte Developer

Original posts: Instagram post, Facebook post, Threads post, TikTok photos

Filed under Dev tools, Claude Code

Sources

Next in this stack