Diagram Design
Get your coding agent to draw diagrams in your brand's colors: one self-contained HTML and SVG file, 45 diagram types, and redraws of draw.io or Mermaid files.
// DESIGN
5 entries tagged with "design"
// ENTRIES
5 entries
draw-your-font
Make an installable font from a photo of your handwriting without paying for a web service: a local Node CLI plus an optional Claude Code skill for labeling.
SVG Path Editor
Fix SVG path data by dragging points or typing values in a browser editor, with keyboard commands, whole-path transforms, an optimizer and an npm library.
Penpot
Interface mockups that hand developers SVG, CSS and HTML: an open source Figma alternative, used in the cloud or self-hosted with PostgreSQL and Valkey.
Pencil
Design screens beside your code and let Claude Code or Codex edit them over MCP. A proprietary editor whose .pen mockups are JSON files tracked in Git.