Lightlines
By cathrynlavery

diagram-design

cathrynlavery

Turn complex systems into clear, accessible diagrams.

diagram design

What it does

Creates self-contained HTML diagrams with inline SVG and an editorial design system.

When to use it

Use when one of the supported visual types would communicate more effectively than prose, a table, or bullets.

How to use it

Give it a diagram request in a project; it confirms design choices with you and produces a self-contained HTML file.

What you provide

  • An existing project

Uses


Access · 2

This skill

references/style-guide.md

Write

Edits the installed style guide

Google Fonts

Read

Loads fonts from Google Fonts

Good to know

  • edits its own instructions

What you need · 1

Python 3 is required to run the installed skill's mandatory self-check.


About this skill

Visibility
Public
Repository
cathrynlavery/diagram-design
Created
Oct 8, 2026
Updated
Oct 8, 2026
Files
239