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.

referencediff-visualization.md

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

Diff Visualization Reference

Purpose: Read this when you need to visualize what changed between two versions, commits, schemas, or architectures.

Contents

  • Commands
  • Diff styles
  • Color semantics
  • Output rules
  • Clarification triggers

Commands

/Canvas diff [file1] [file2]
/Canvas diff --before [commit]
/Canvas diff schema
/Canvas diff architecture
/Canvas history [diagram-name]

Diff Styles

Style Use When
Side-by-Side Compare two snapshots directly
Overlay Show additions/removals in one picture
Timeline Show evolution across several revisions

Color Semantics

Meaning Recommended Color
Added Green / teal
Removed Coral / red
Modified Yellow / orange
Unchanged Gray

Output Rules

  • State the baseline and target versions.
  • Tell the viewer what changed first.
  • Keep one diff diagram focused on one change domain.
  • Save to the diagram library only when the diff is reusable.

ON_DIFF_SCOPE

  • File-level diff
  • Schema diff
  • Architecture diff
  • Multi-step timeline

ON_DIFF_FORMAT

  • Side-by-side
  • Overlay
  • Timeline

ON_DIFF_SAVE

  • Save diff to library
  • Show once only

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