archify-svg-export

Exports archify diagram HTML artifacts to SVG files via headless Chrome.

2|Updated Jun 8, 2026
One-click install
npx skills add https://github.com/HACK-WU/skills --skill archify-svg-export-hack-wu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: archify-svg-export
Source: https://github.com/HACK-WU/skills/tree/main/skills-optional/archify-svg-export
Command: npx skills add https://github.com/HACK-WU/skills --skill archify-svg-export-hack-wu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Archify delivers diagrams as interactive HTML files whose export function only exists in the Viewer's Export menu, forcing a human to open a browser and click. This Skill performs that export headlessly, producing the official SVG file with no manual browser interaction. ## Core Features & Use Cases - Official export reuse: Invokes the artifact's built-in Archify.exportMenu.run('svg') instead of reimplementing serialization, so output is byte-identical to a manual browser export, including light and dark themes. - Two input forms: Accepts a delivered *.html artifact or an archify spec *.json, which it renders to HTML first before exporting. - Output validation: Learns the real filename from CDP download events and verifies the file header starts with <svg or <?xml, avoiding stale or partially written files. - Use Case: After generating an architecture diagram with archify, explicitly invoke this Skill to produce pipeline.svg on disk, ready to embed into documentation yourself. ## Quick Start Explicitly invoke the archify-svg-export skill to export my archify diagram file docs/pipeline.html to docs/pipeline.svg.

Frequently Asked Questions about archify-svg-export

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I export an archify diagram to SVG from the command line?▼

Run node scripts/export.mjs <artifact.html> svg [out.svg] with Chrome installed. The script launches headless Chrome, calls the artifact's own Archify.exportMenu.run('svg'), and writes the official SVG file to your chosen path.

Can I export an archify spec JSON directly to SVG?▼

Yes, pass the spec JSON file as input instead of HTML. The script detects the diagram_type field, renders it to a temporary HTML using the installed archify skill, then exports that to SVG.

Does archify SVG export work without Chrome installed?▼

No, Chrome or Chromium is required because the official export code depends on browser APIs like getComputedStyle and canvas. Set the ARCHIFY_CHROME environment variable if your browser is in a non-standard path.

Why does the export fail with archify skill not found?▼

The script requires the archify skill to be installed, detected via ARCHIFY_HOME or ~/.codebuddy/skills/archify/bin/archify.mjs. It exits with code 3 and prints an install hint, but never installs anything automatically.

What export formats does this skill support besides SVG?▼

This skill only covers SVG. The underlying script technically supports png, jpeg, webp, webm, and share-card through the same Viewer call, but those formats are explicitly out of scope for this skill.