diagram-design vs Taste Skill
Which should you use? A side-by-side look at what each one does, who it suits, what it costs, how hard it is to set up, and where each falls short.
Open source · MIT
An agent skill that draws editorial diagrams as one self-contained HTML + SVG file.
Open source · MIT
Agent skill that steers coding agents toward distinct web designs with reference images and browser checks.
Our verdict
diagram-design and Taste Skill solve different problems, so they are not direct rivals. diagram-design turns a plain-language description into an editorial diagram (architecture or flow charts) saved as one HTML/SVG file you can open in a browser. Taste Skill steers a coding agent toward distinctive, less generic web pages, using reference imagery and browser checks, and it is slow and token-heavy per build. Pick based on whether you need diagrams or web pages.
Pick diagram-design if you want architecture or flow diagrams drawn by an AI coding agent and saved as a single file you can open anywhere.
Pick Taste Skill if you want a coding agent to build landing pages or app screens that look less generic, and you can wait 30 to 45 minutes per build.
| Key difference | diagram-design | Taste Skill |
|---|---|---|
| Main output | One self-contained HTML/SVG diagram file | Full web pages with imagery and design direction |
| Build time | Not stated in the README | Roughly 30 to 45 minutes per build, per README |
| Requirements | A supported coding agent; no server needed to view | Node 22+, Chrome/Edge/Chromium, and internet access for images |
| Imagery | Matches your site's palette and fonts after onboarding | Real credited photos from open archives; replacing them is recommended |
| Setup difficulty | Beginner | Beginner |
Written with AI from both products' catalogue entries · updated 2026-10-29
Who each one is for
Choose diagram-design if you need…
- Developers who already use a supported coding agent and want architecture or flow diagrams without learning a diagram language
- Teams that want diagrams to follow their own brand colors and fonts
- People who want diagrams they can open by double-clicking, with no server needed
- Anyone who wants to import existing Mermaid, draw.io, or Excalidraw files and redraw them
Choose Taste Skill if you need…
- Developers using Claude Code or Codex who want less generic frontend output
- Designers prototyping landing pages from a brief
- Teams building marketing pages that need real imagery with credits
- People who can wait roughly 30 to 45 minutes per build
Side-by-side
| diagram-design | Taste Skill | |
|---|---|---|
| Type | AI model / agent | AI model / agent |
| Price | Free and open source | Free and open source |
| Licence | MIT | MIT |
| GitHub stars | 64.2k | 108k |
| Setup difficulty | Beginner | Beginner |
| How you get it | Install with a package manager | Install with a package manager |
| Main language | HTML | JavaScript |
| Last code update | 5 days ago | 6 days ago |
What each one is
diagram-design
Diagram Design is a skill you add to a coding agent such as Claude Code, Codex, Cursor, or GitHub Copilot. You describe the diagram you want in plain words, and the agent produces a single HTML file containing SVG that you can open in a browser. The README says it supports 45 diagram types and can match your site's palette and fonts after you run an onboarding step.
Taste Skill
Taste Skill is an Agent Skill for coding agents such as Claude Code and Codex. It gives the agent an art direction, real photographs from open archives, and a way to check its own page in a real browser, so the output is less like a generic AI-made landing page. The README says it also covers dashboards and app screens since v2.1.
Best for
diagram-design
- Developers who already use a supported coding agent and want architecture or flow diagrams without learning a diagram language
- Teams that want diagrams to follow their own brand colors and fonts
- People who want diagrams they can open by double-clicking, with no server needed
- Anyone who wants to import existing Mermaid, draw.io, or Excalidraw files and redraw them
Taste Skill
- Developers using Claude Code or Codex who want less generic frontend output
- Designers prototyping landing pages from a brief
- Teams building marketing pages that need real imagery with credits
- People who can wait roughly 30 to 45 minutes per build
Strengths
diagram-design
- Output is one self-contained HTML and SVG file that opens without extra tooling
- Works across many agent hosts, with installation steps documented for each
- Licensed under MIT
Taste Skill
- Gives the agent a concrete design process: directions, a found idea, browser checks at three widths
- Uses real, credited photographs from open archives rather than placeholder art
- Installs with no API keys required, according to the README
Not ideal for
diagram-design
- People without a supported AI coding agent, since the project is delivered as an agent skill and the README does not describe a standalone app
- Anyone who needs live, collaborative diagram editing, which the README does not mention
- Teams that need a fully manual drag-and-drop editor, because the agent chooses the diagram type and writes the file
Taste Skill
- Users who want a quick one-line component: a full build takes about 30 to 45 minutes and a few hundred thousand tokens, per the README
- Users without Node 22+ or Chrome, Edge or Chromium, since the scripts need them
- Projects that cannot reach the internet, because finding pictures needs network access
Trade-offs
diagram-design
- The README does not state a release version, so update behavior depends on each host's install path
- Quality and type choice depend on the agent that runs the skill, which the README does not evaluate
- Some install paths (such as the Cowork organization marketplace) require extra setup like mirroring the repository
Taste Skill
- Slow and token-heavy per build, by the README's own estimate
- Image sourcing depends on network access and open collections, and the README says replacing them with your own is recommended
- Its design rules reflect the author's taste, so output may still need human review
Getting started
diagram-design
Install the skill with the cross-agent skills CLI
npx skills add cathrynlavery/diagram-designAdd the Claude Code plugin marketplace
/plugin marketplace add cathrynlavery/diagram-designTaste Skill
Install the design-taste-frontend skill
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"Frequently asked questions
Should I use diagram-design or Taste Skill?
diagram-design and Taste Skill solve different problems, so they are not direct rivals. diagram-design turns a plain-language description into an editorial diagram (architecture or flow charts) saved as one HTML/SVG file you can open in a browser. Taste Skill steers a coding agent toward distinctive, less generic web pages, using reference imagery and browser checks, and it is slow and token-heavy per build. Pick based on whether you need diagrams or web pages. Pick diagram-design if you want architecture or flow diagrams drawn by an AI coding agent and saved as a single file you can open anywhere. Pick Taste Skill if you want a coding agent to build landing pages or app screens that look less generic, and you can wait 30 to 45 minutes per build.
What is the difference between diagram-design and Taste Skill?
diagram-design: An agent skill that draws editorial diagrams as one self-contained HTML + SVG file. Taste Skill: Agent skill that steers coding agents toward distinct web designs with reference images and browser checks. diagram-design suits developers who already use a supported coding agent and want architecture or flow diagrams without learning a diagram language, while Taste Skill suits developers using claude code or codex who want less generic frontend output.
Are diagram-design and Taste Skill free?
diagram-design: Free and open source. Taste Skill: Free and open source.
Is diagram-design or Taste Skill more popular?
Taste Skill has more GitHub stars (108k) than diagram-design (64.2k). Popularity isn't the same as fit — check which one matches your use case above.
What are other alternatives to diagram-design and Taste Skill?
Other options people compare them with include Mermaid, Excalidraw, drawio-skill, fireworks-tech-graph, Kami.
Keep comparing
Built from our catalogue entries for both products: open-source details come from each project's README (AI-assisted, refreshed weekly) and GitHub data; AI-tool details are editorial. Spotted something wrong? Let us know from either product's page.