mcpField
O
openpress-diagram-drawing

openpress-diagram-drawing

github.com/quan0715Documents1456 installsUpdated 9w ago
Repository

About openpress-diagram-drawing

A diagram-planning skill for authors of documents and teaching materials. It defines the relationships, states, and operation sequences a figure should convey, while separating diagram semantics from page or slide styling.

Key features

  1. 01Choose a diagram or another format
  2. 02Define nodes, links, arrows, and states
  3. 03Keep figure text concise and spatially meaningful
  4. 04Separate diagram semantics from visual styling

Use cases

  1. 01Draw data structure relationship diagrams
  2. 02Show state changes or operation sequences
  3. 03Decide whether dense comparisons suit a table

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/quan0715/open-press --skill openpress-diagram-drawing

After installing, type/openpress-diagram-drawingin Claude Code to confirm it loaded.

Bundled filesreferences/diagram-patterns.md

Details

From the project README

open-press Diagram Drawing

This skill owns diagram semantics, not visual skin. It decides what the diagram should show and what text belongs inside the figure.

Core Rule

Draw the relationship, not the explanation.

Figure bodies may contain only spatially meaningful information: object labels, pointer names, field names, axes, legends, short state labels, node values, NULL, and operation-order labels.

Move reasons, warnings, edge cases, teaching commentary, and interpretation into surrounding prose or captions.

Responsibilities

  • Choose whether a concept needs a diagram, table, code block, or prose.
  • Define nodes, links, arrows, states, labels, and before/after relationships.
  • Keep figure text lean and connected to position or direction.
  • Prevent diagrams from containing answers, production notes, or caption-like sentences.

Boundaries

  • openpress owns validation/render command choice and the source/generated boundary.
  • openpress-create-pages owns surrounding page explanation, caption wording, page visual skin, typography, CSS, and component implementation.
  • openpress-create-slide owns slide visual skin, slide layouts, reusable UI primitives, and deck-level narrative around slide diagrams.
  • openpress-create-pages owns learner-facing practice flow for page-based teaching material.

Workflow

  1. Identify the diagram job: comparison, process state, relationship snapshot, before/after, operation sequence, traversal trace, or data representation.
  2. Choose the surface:
    • diagram for links, ownership, direction, state changes;
    • table for dense comparisons or many trace rows;
    • code block for exact syntax.
  3. Draw from semantics first; let style follow.
  4. Check whether the diagram can be understood without explanatory sentences inside the visual.

When To Read References

  • Read references/diagram-patterns.md for linked-list, circular-list, doubly-list, stack, queue, polynomial, sparse-structure, and tree drawing patterns.

Comments

Markdown supported