Crisp-diagrams skill makes coding agents draw brand-styled diagrams from 200+ examples
yenkel · x · 2026-10-09
sandrinodm released a crisp-diagrams skill (pnpx skills add sandrinodm/skills --skill crisp-diagrams) with 200+ reference diagrams so your coding agent produces clean, good-looking charts.
How it works: paste a screenshot of your site/dashboard or a logo — the skill extracts accent and group colors, previews them, and saves them to a STYLE.md so every later diagram follows your brand in light and dark mode. No image? Just name a color ("our brand is #4b2bb3") or a theme ("use pastel from now on"). The README shows a full example prompt describing a banking-app anatomy diagram with containers, an accent step-up-check band, and arrows to external systems.
More from coding & agent
- When sub-agents are actually worth it: fan-out research and pre-planned parallel tasks — brandon_galang · 2026-10-09
- 2026 tech industry report: nobody hand-writes code, engineers run 5-10 agents — bibryam · 2026-10-09
- Documenting for coding agents: explain rationale, timestamp everything, skip hard rules — menhguin · 2026-10-09
- Pydantic AI ships On-Demand Capabilities: instructions, tools and hooks triggered just in time — samuelcolvin · 2026-10-09
- Simple fix for agents treating other agents' decisions as sacrosanct: demand verbatim quotes — menhguin · 2026-10-09
- HQ hits 1,000 companies, ships desktop app and v16 with background workers on Claude, Codex, Grok — jacob_posel · 2026-10-09