Archscribe

Create premium hand-drawn architecture, workflow, and swimlane diagrams in a dark neon or light paper style, with editable Excalidraw sources, PNG/SVG previews, animated GIF/MP4 output, and interactive HTML. Use whenever the user asks for 岚叔动态架构图、手绘架构图、Excalidraw 风格图、DailyDoseOfDS 风格技术图、动态流程图、泳道图、系统可视化，或希望复刻并提升参考架构图。

372 stars 25 forksImages, Video & Audio

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add lazypay/Archscribe --skill archscribe

Manual install

git clone --depth 1 https://github.com/lazypay/Archscribe.git /tmp/Archscribe
mkdir -p ~/.claude/skills
cp -r /tmp/Archscribe/. ~/.claude/skills/archscribe

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Archscribe

Turn an article, system description, process, or reference image into a polished hand-drawn diagram. The default browser renderer can produce PNG, GIF, MP4, SVG, editable Excalidraw, and interactive HTML.

## 1. Check the environment

Run once per session:

```bash
python -X utf8 -c "import PIL, svg.path"
python -X utf8 -c "from playwright.sync_api import sync_playwright"
python -X utf8 scripts/doctor.py
```

- Missing base packages: `python -m pip install -r requirements.txt`
- Missing Playwright: `python -m pip install -r requirements-browser.txt && python -m playwright install chromium`
- Missing ffmpeg: MP4 is skipped; other browser formats still work.
- Chromium unavailable: use `--renderer pillow`. Pillow supports PNG, GIF, and Excalidraw with the classic flow animation.

Bundled fonts, icons, and rough.js keep the main visual system portable. Chromium, ffmpeg, and rare CJK fallback fonts remain environment dependencies.

## 2. Pick a layout

| Layout | Use it for | Capacity |
| --- | --- | --- |
| `panorama` | complete systems with inputs, core, decisions, and detail panels | 2-6 inputs, 2-4 core cards, 0-3 panels |
| `swimlane` | category bands / comparison rows (DailyDoseOfDS-style), cross-role workflows, catalogs | 2-5 lanes with title + subtitle column, up to 5 steps each, in-lane dashed loop channels |

Read the full skill on GitHub

Details

Skill name: archscribe
Repository: lazypay/Archscribe
License: MIT
Repo updated: 15 July 2026

FAQ

What does the Archscribe skill do?

How do I install the Archscribe skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add lazypay/Archscribe --skill archscribe. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Archscribe popular?

It lives in lazypay/Archscribe, which has 372 GitHub stars and 25 forks.

Related skills

MathLens

361

shuyicc/MathLens

专业的数学老师辅导技能，用于深入浅出的解答数学题，生成HTML讲解文档和带配音的Manim动画视频，解答细致，深入浅出，浅显易懂，比较适合一般学情的学生。核心工作流：数学分析 → HTML可视化 → 分镜脚本 → TTS音频 → 验证更新 → 脚手架 → Manim代码 → 渲染验证触发条件：学生粘贴数学题图片、需要教学视频、需要HTML讲解资料

Images, Video & Audio23

Qiaomu Cut

377

joeseesun/qiaomu-cut-skill

把一句话需求转成可复现、可验收视频工程的乔木智能剪辑导演。Use when the user asks to create, plan, edit, remix, explain, narrate, subtitle, animate, composite, or render a video—including one-line requests such as “制作一个科普视频：介绍 LLM 中的 RL”. Builds English-learning movie mixes, person profiles, explainers, code-drawn motion graphics (UI morph loops, showreels, kinetic-type promos, line-art/pixel/Three.js animation, lyric MVs), product launch videos, cinematic shorts, social clips, course/PPT videos, AI image/video/TTS/music-assisted stories, stock-footage stories, or multi-source montage. Routes across 33台词, ClipSeek/open med

Images, Video & Audio43

Super Video Maker

329

Bomx/super-video-maker-skill

End-to-end AI video production skill for agentic frameworks. Use when the user asks to make, edit, repurpose, caption, soundtrack, or export videos using HeyGen avatars, Seedance or ByteDance b-roll, OpenAI image generation and editing, AI UGC ads, Remotion, HyperFrames, screen recordings, FFmpeg, captions, ElevenLabs music, Suno, or social-video variants.

Images, Video & Audio44

Promo Video Maker

417

liyupi/ai-promo-video-maker

为产品、网站、App、SaaS、开源项目、课程、AI 模型或活动制作有商业质感的宣传片（4K MP4 + 网页版），流程包括调研、需求问询、风格样帧、真实页面 4K 截图、配乐卡点、AI 旁白、混音和自动校验。用户说「做宣传片」「做产品介绍视频」「做推广视频 / 预告片」「给这个项目做个视频」，或者要求 promo video、product trailer、launch video 时使用。

Images, Video & Audio67

Video Wrapper

343

op7418/Video-Wrapper-Skills

为访谈视频添加综艺特效（花字、卡片、人物条、章节标题等）。支持 4 种视觉主题，先分析字幕内容生成建议供用户审批，再渲染视频。

Images, Video & Audio34

Machine

463

AirsupHQ/machine-skill

Turn one line ("a turbofan jet engine", "a mechanical watch", "an LVAD heart pump") into a photoreal, physics based, interactive 3D simulation of that machine in a single HTML file, plus a 20 to 30 second film to post it. Real proportions in metres, real materials (PBR metals, paints, polymers, glass), studio lighting with soft shadows, moving parts driven by a small solver that computes real numbers (thrust, torque, rpm, flow, pressure, efficiency), and modes to explode it, cut it open with clean section caps, x-ray it, slow it down, label it and break it. Use this whenever someone asks to bu

Images, Video & Audio47

Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.