Execute qualquer Skill no Manus
com um clique

Execute qualquer Skill no Manus com um clique

diagram-build-validate

Estrelas2

Forks0

Atualizado13 de junho de 2026 às 13:30

Build and validate diagram-generator outputs. Use when changing renderers, shared primitives, deliverable SVGs, draw.io exports, compare pages, or any diagram slug that needs rebuild, sanitization, and focused output checks.

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Executar no Manus

Fonte

canonical

canonical/diagram-generator

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Desenvolvedores de softwareInformática e Matemática·SOC 15-1252

SKILL.md

readonly

name	diagram-build-validate
description	Build and validate diagram-generator outputs. Use when changing renderers, shared primitives, deliverable SVGs, draw.io exports, compare pages, or any diagram slug that needs rebuild, sanitization, and focused output checks.
argument-hint	Describe which diagram slugs or files changed

Diagram build and validate

When to use

Frame loader, layout engine, render, or preview code changed.
A frame YAML in scripts/diagrams/frames/ changed.
A new frame YAML was added.
A deliverable SVG changed and needs sanitization.

Procedure

Run npm --prefix packages/layout-engine test (TS — primary).
Run npm --prefix apps/preview test when preview routes, save flows, or shell behavior changed.
Run node scripts/check_no_new_python.mjs (spec 038 ratchet).
Start the preview server and confirm changed diagrams load at http://127.0.0.1:8100/view/v3:<slug> (manual look or tests — no agent screenshots unless the user asks).
Sanitize changed deliverable SVGs with python scripts/svg_illustrator_sanitize.py --write <svg>.
Update AGENTS.md (Handover section), TODO.md, or AGENT-INBOX.md only if the change altered current state or left durable follow-up.
Check the touched Markdown files for errors if the editor reports any.
Spot-check the changed SVG for syntax or portability issues.

Guardrails

Visual rules (gutter consistency, arrow clearance, typography hierarchy, box height floor, frame classes, separator sizing) are in DIAGRAM.md; runtime constants are in packages/layout-engine/src/tokens.ts and frame-classes.ts. Read both before running this procedure.

Key constraints to verify during build:

Do not skip the focused TypeScript tests when loader, layout, render, or preview code changed.
Do not add new Python product-path files; the ratchet must stay green.
Do not skip the sanitizer for changed deliverable SVGs.
Text must not overlap arrows, borders, icons, or other text.
Browser-verify the changed diagram in the v3 preview before treating the work as done (tests or user-confirmed load — not automatic screenshots).
When an arrow crosses helper text, change anchor sides or add waypoints — do not accept crossings.

Mais deste repositório

mesmo repositório

level-assignment

canonical/diagram-generator

Assign correct frame levels in YAML when nesting > 0. Use when creating or modifying a frame YAML that contains containers (items with children). Ensures siblings share the same visual class.

2026-07-132

diagram-language-sync

canonical/diagram-generator

Sync broader design-language specs into the diagram system. Use when importing typography, spacing, or grid rules from the upstream design language into tokens.ts, shared renderer constants, draw.io style sync, or layout helpers.

2026-07-072

diagram-redraw

canonical/diagram-generator

Redraw rough sketches or inconsistent diagrams into on-brand SVG and draw.io outputs. Use when adding a new diagram slug, translating a rough source into generator code, picking local icons, wiring compare pages, or producing editable outputs.

2026-07-072

drawio-review-promote

canonical/diagram-generator

Safely modify manually edited draw.io files. Use when preparing a review copy, checkpointing an original draw.io file, promoting reviewed changes back, or documenting a revert path for protected manual edits.

2026-04-252

name	diagram-build-validate
description	Build and validate diagram-generator outputs. Use when changing renderers, shared primitives, deliverable SVGs, draw.io exports, compare pages, or any diagram slug that needs rebuild, sanitization, and focused output checks.
argument-hint	Describe which diagram slugs or files changed

Diagram build and validate

When to use

Frame loader, layout engine, render, or preview code changed.
A frame YAML in scripts/diagrams/frames/ changed.
A new frame YAML was added.
A deliverable SVG changed and needs sanitization.

Procedure

Run npm --prefix packages/layout-engine test (TS — primary).
Run npm --prefix apps/preview test when preview routes, save flows, or shell behavior changed.
Run node scripts/check_no_new_python.mjs (spec 038 ratchet).
Start the preview server and confirm changed diagrams load at http://127.0.0.1:8100/view/v3:<slug> (manual look or tests — no agent screenshots unless the user asks).
Sanitize changed deliverable SVGs with python scripts/svg_illustrator_sanitize.py --write <svg>.
Update AGENTS.md (Handover section), TODO.md, or AGENT-INBOX.md only if the change altered current state or left durable follow-up.
Check the touched Markdown files for errors if the editor reports any.
Spot-check the changed SVG for syntax or portability issues.

Guardrails

Key constraints to verify during build:

Do not skip the focused TypeScript tests when loader, layout, render, or preview code changed.
Do not add new Python product-path files; the ratchet must stay green.
Do not skip the sanitizer for changed deliverable SVGs.
Text must not overlap arrows, borders, icons, or other text.
Browser-verify the changed diagram in the v3 preview before treating the work as done (tests or user-confirmed load — not automatic screenshots).
When an arrow crosses helper text, change anchor sides or add waypoints — do not accept crossings.