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.