Diagram Design
Diagram Design is a skill for producing editorial-style diagrams as self-contained HTML and SVG, with 45 diagram types according to its description.
- Workflow
Cathryn Lavery · 63,253 stars
Skill
visual-explainer
Skill for Claude Code by nicobailon, listed in awesome-claude-code under Design & UI/UX.
Checked 2026-10-31
Install
/plugin marketplace add nicobailon/visual-explainerCommands come from the project's own docs or registry entry. Check them against the source before you run them.
Loading poll...
Visual Explainer is an agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables and project recaps. Instead of a wall of terminal text, the agent hands you a page you can open in a browser. It is MIT licensed, made by nicobailon, and has 10.7 thousand stars. The README offers /plugin marketplace add nicobailon/visual-explainer then /plugin install visual-explainer@visual-explainer-marketplace, and a shallow git clone as an alternative. We find the diff review use the most convincing, because reading a long change as a laid-out page beats scrolling. Generated pages are only as accurate as the agent's reading of the code, so treat them as aids to review, not the review itself. Last push 30 October 2026. We have not generated a page with it.
Mentioned here
Plannotator
Plannotator lets you annotate and review an agent's plans and code diffs in a visual page, share them with a team, and send the feedback back to the agent in one click.
- Hook
backnotprop · 9,786 stars
Dev Browser
Dev Browser is a Claude skill that gives an agent the ability to use a web browser.
- Skill
Sawyer Hood · 6,709 stars
Next AI Draw.io MCP
Next AI Draw.io lets you draw and edit draw.io diagrams by chatting with a model, and it ships as a web app, a desktop app and an MCP server.
- MCP server
DayuanJiang · 36,508 stars
Agent Skills: Directory and Install Guide
Checked 2026-10-31
Claude Code Plugins: Directory and Install Guide
Checked 2026-10-31
MCP Servers: What They Are and Which to Install
Checked 2026-10-31
Claude Code MCP Servers: Setup, Scopes and Picks
Checked 2026-10-31
Best MCP Servers for Coding Agents
Checked 2026-10-31
Works with
Tried it with one of these? Vote below: works for me, or not.
Questions
How do I install visual-explainer?
Run this command: /plugin marketplace add nicobailon/visual-explainer. The install box on this page has the command for each agent it works with.
Is visual-explainer free?
It is published under the MIT licence.
Who maintains visual-explainer?
It is maintained by nicobailon. The code is at github.com/nicobailon/visual-explainer.
Loading poll...
Reviews
Loading reviews…
Only members can review this page. Sign in
Similar
Superpowers
Superpowers is a skills framework and software development method for coding agents, described by its maintainer as one that works.
- Skill
Jesse Vincent · 309,408 stars
Caveman
Caveman is a Claude Code skill and proxy that tries to cut token use by making the agent talk in short, blunt phrases.
- Skill
Julius Brussee · 116,327 stars
Claude Code Infrastructure Showcase
This repository shows one developer's Claude Code setup: skill auto-activation, hooks and agents, shared as examples to copy from.
- Skill
diet103 · 10,044 stars
Harness
Harness is a meta-skill: instead of doing the work, it designs a team of agents for a given domain, defines each specialised agent, and generates the skills those agents use.
- Skill
revfactory · 9,292 stars
LinkedIn Skills
LinkedIn Skills is a set of 12 skills for Claude Code and Codex that write posts, draft comments, analyse your feed and plan a publishing cadence from the terminal.
- Skill
Serge Bulaev · 5,391 stars
