skills.rest
lazypay
lazypayCOMMUNITY
Explore all skills by this author →
GitHub

archscribe

Generate hand-drawn architecture and workflow diagrams as Excalidraw, PNG, GIF, MP4, SVG, and HTML.

106|9|Updated Jun 27, 2026
Search Tags:#excalidraw#workflow visualization#architecture diagrams#diagram generation#technical illustration#swimlane#animated gif
One-click install
npx skills add https://github.com/lazypay/Archscribe --skill archscribe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: archscribe
Source: https://github.com/lazypay/Archscribe/tree/main
Command: npx skills add https://github.com/lazypay/Archscribe --skill archscribe

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Pillow, svg.path, playwright, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Archscribe turns messy articles, system notes, and workflow descriptions into polished hand-drawn technical diagrams, so complex ideas become easier to explain, review, and share.

Core Features & Use Cases

  • Architecture and Workflow Diagrams: Generate premium-looking system panoramas, process flows, and swimlane diagrams in either a dark neon or light paper style.
  • Editable and Publishable Outputs: Produce Excalidraw source files along with PNG, GIF, MP4, SVG, and interactive HTML for editing, publishing, and presentation.
  • Validation and Rendering Pipeline: Supports multiple layouts, animation presets, custom icons, spec validation, and browser or Pillow rendering for reliable diagram generation.
  • Use Case: A product or engineering team can feed in a system description and quickly get a readable animated architecture graphic for a blog post, design review, or internal documentation.

Quick Start

Use the archscribe skill to turn this article or system description into a premium hand-drawn animated architecture diagram with Excalidraw, PNG, and GIF output.

Frequently Asked Questions about archscribe

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

FAQPage Schema
How do I generate animated architecture diagrams from text descriptions?▼

To generate animated architecture diagrams from text descriptions, provide your system notes or article to the pipeline. It applies layout planning and animation presets to produce editable Excalidraw sources alongside PNG, GIF, MP4, and interactive HTML outputs.

Can I create swimlane diagrams in Excalidraw from a process outline?▼

Yes, you can create swimlane diagrams in Excalidraw from a process outline. The pipeline supports swimlane comparisons and custom graph topologies, outputting editable Excalidraw source files for further manual adjustments.

What is the best way to convert a system overview into a hand-drawn workflow visualization?▼

The best way to convert a system overview into a hand-drawn workflow visualization is using spec validation combined with browser or Pillow rendering. This ensures reliable diagram generation in dark neon or light paper styles.

Does the diagram generation pipeline support offline rendering without a browser?▼

Yes, the diagram generation pipeline supports offline rendering without a browser by using the Pillow dependency. This allows you to produce PNG technical illustrations directly from your system descriptions.

What are the limitations of using Excalidraw for animated technical illustrations?▼

Excalidraw outputs editable static sources for technical illustrations, but native animation is limited. The pipeline overcomes this by generating animated GIF and MP4 formats separately through its rendering validation pipeline.

Related Skills

Explore More Design & Creative Skills→
GratefulJinx77GratefulJinx77

speckit-specify

Generate feature specifications with requirements and success criteria from natural language.

Community
Advanced
zunyiqingfeng-codezunyiqingfeng-code
2

huashu-design

Create high-fidelity HTML prototypes and motion demos from concise briefs.

Community
Advanced
dawsonblockdawsonblock

pixel-art

Convert images into retro pixel art using palette-based quantization.

Community
Advanced
Chanw-researchChanw-research
38

figure-spec

Generate deterministic SVG diagrams from structured FigureSpec JSON specifications.

Official
Advanced