cathrynlavery/diagram-design
- Source
- GitHub
- First trending
- Category
- Design and UI
- GitHub stars
- 40,559
- Main language
- HTML
This page introduces an external open-source repository. It is not an HDATF product.
What it does
An agent skill for Claude Code, Codex, Pi and other skill-compatible hosts that produces editorial-style diagrams as self-contained HTML and SVG, from architecture sketches to flowcharts. It can also redraw draw.io, Mermaid or Excalidraw sources.
How it helps ATF
Could be a reference for diagrams in ATF Works wiki pages and LabChin final reports, where an assistant could draw figures in a consistent style. Worth comparing as a skill design for producing visual output.
License
MIT Permissive. Commercial use and changes are allowed if the copyright notice is kept.
More in this category
- lnkiai/m3e-canvas
M3E Canvas is a browser tool for sketching Material 3 Expressive screens from drag-and-drop parts, linking screens so they can be tapped through, and copying the design as a prompt for an AI coding tool. - CoreBunch/Instatic
Instatic is a self-hosted visual CMS where the canvas editor, content engine, media, auth, forms, plugins and publisher run in one Bun server backed by SQLite or Postgres. It publishes plain semantic HTML and compact CSS. - shadcn-ui/lint
An ESLint and Oxlint linter for Tailwind design systems. Teams define what is allowed, and when an agent breaks a rule, the error explains the problem and suggests a fix based on the project's components, variants and theme. - Nutlope/hallmark
Hallmark is a design skill for Claude Code, Cursor and Codex that builds UI while avoiding generic AI-generated looks. It picks a page structure and theme, runs slop-test checks before output, and can audit, redesign or study existing designs. - wide-trace/open-higgsfield
An image and video generation studio with one prompt bar, model-specific settings and a gallery of finished runs.
Only repositories in the ranked Trendshift lists are included, and the lists are used only to find candidates. We do not copy their ranks. Descriptions, licenses and star counts come from each GitHub repository. The notes are our own reading. We have not tested these projects, and a place on a trending list does not prove quality.