Skip to content
Development
Skill

/diagram

Create, refine, or review explanatory diagrams and data charts when relationships or quantitative shape communicate better than prose or a small table. Excludes decorative illustration and UI screen design.

From plugin
hope
87 skills
Install
$ npx -y skills add dkstm95/hope --skill diagram --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/diagram

Context preview

The summary Claude sees to decide when to auto-load this skill.

Create, refine, or review explanatory diagrams and data charts when relationships or quantitative shape communicate better than prose or a small table. Excludes decorative illustration and UI screen design.

SKILL.md

diagram.SKILL.md
name: diagram
description: Create, refine, or review explanatory diagrams and data charts when relationships or quantitative shape communicate better than prose or a small table. Excludes decorative illustration and UI screen design.

Hope Diagram

Make the relationship or quantitative claim easier to understand. When working inside another task, preserve its scope, facts, evidence, artifact schema, visual system, and completion conditions. Improve the existing result; create another file only when the task needs one.

Read `references/diagram-standard.md` for visual selection, composition, accessibility, and rendered verification. Also read `references/chart-standard.md` when position, length, area, width, angle, or another visual property encodes a quantity.

Use the smallest suitable format the host can render and the person can inspect. Respect a requested format or an artifact's allowed visual kinds. Resolve routine presentation choices from context and continue; ask only when the choice would materially change the requested result.

Inside a Hope HTML artifact, inherit its Technical Record theme, typography, and responsive shell. A standalone HTML visual uses the same dual-mode language; read `../../assets/artifact-theme.mjs` and embed its current roles.

Inspect the rendered result at its intended size using the standard. Fix material defects and recheck what the fixes affect. Finish when the result meets its reading purpose and the necessary visual checks pass. Return the finished artifact or review findings with material assumptions, omissions, and verification gaps. A review request alone does not authorize editing its target.

Read more
Ships withhope

Hope helps people take on more complex work with AI while preserving their judgment and agency.

Get the whole plugin
Stats
8
Stars
1
Forks
Active
Maintenance
JavaScript
Language
MIT
License
8d ago
Last commit
2mo ago
Created

Repo: dkstm95/hope

Other skills on hope.

align
Skill

align

Resolve intent, scope, consequential design choices, or important assumptions that need shared understanding before implementation. Use when requested or when…

@dkstm95@dkstm95View Skill
diff
Skill

diff

Explain or review a GitHub pull request as an evidence-linked, self-contained offline HTML record. Answer narrow PR questions directly when they do not need a…

@dkstm95@dkstm95View Skill
sweep
Skill

sweep

Use only when someone explicitly invokes $hope:sweep in Codex, /hope:sweep in Claude Code, or the host's Hope Sweep command for behavior-preserving codebase…

@dkstm95@dkstm95View Skill
write
Skill

write

Draft, edit, or review language for clarity while preserving meaning and voice. Apply within implementation and other Skills wherever clearer language helps.

@dkstm95@dkstm95View Skill