All skills
simota avatar

/canvas

@35ffd55
by shingo imotasimota/agent-skills85 stars
15

Visualizing code, specs, or context as Mermaid, ASCII, or draw.io diagrams: flowcharts, sequence/state/class/ER, Journey Maps, personas, coverage heatmaps. Use to reverse-document systems visually.

Use this Skill: https://skilld.dev/gh/simota/agent-skills/canvas

This session only. Nothing lands on disk.

referencediagram-library.md

≈364 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Diagram Library Reference

Purpose: Read this when diagrams must be saved, listed, updated, regenerated, or reused across the project.

Contents

  • Library location
  • Commands
  • Saved file schema
  • Update rules
  • Clarification triggers

Library Location

Store project diagrams in:

.agents/diagrams/{project}/

Commands

/Canvas save diagram
/Canvas save diagram as [name]
/Canvas list diagrams
/Canvas show [diagram-name]
/Canvas update [diagram-name]
/Canvas regenerate [diagram-name]

Saved File Schema

Use frontmatter for discoverability:

---
name: auth-sequence
title: Authentication Sequence
format: mermaid
type: sequence
target:
  - src/app/api/auth/login/route.ts
sources:
  - src/app/api/auth/login/route.ts
updated_at: 2026-03-06
---

Then include:

  1. Purpose
  2. Diagram code
  3. Legend
  4. Explanation

Update Rules

  • Update an existing diagram when the same scope and same question already exist.
  • Save under a new name when the abstraction or audience meaningfully changes.
  • Regenerate from source when the diagram is stale enough that manual patching is riskier than redraw.

ON_DIAGRAM_SAVE

  • Save with generated default name
  • Save with custom name
  • Do not save

ON_DIAGRAM_UPDATE

  • Patch existing diagram
  • Replace existing diagram
  • Save as new variant

ON_DIAGRAM_CONFLICT

  • Prefer existing canonical diagram
  • Create parallel variant
  • Ask for naming decision

Source: SKILL.md on GitHub

No alerts13d5 checks · Risk SAFE
  • Gen Agent Trust Hub13d

    The skill provides comprehensive visualization and reverse-engineering capabilities using Mermaid and other diagramming tools. It possesses a potential attack surface for indirect prompt injection by processing untrusted project code, though it includes best-practice instructions for source disclosure and uncertainty marking. It also documentedly uses well-known external rendering services like Kroki for processing diagram DSL.

  • Socket13d

    No alerts

  • Snyk13d

    Risk: LOW · No issues

  • Runlayer6mo

    14 files scanned · No issues

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at 35ffd55. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 days ago.

Activeupdated 2 weeks ago

README badge

README badge for simota/agent-skills/canvas