Individual skill
lanshu-animated-architecture-diagram
Create premium hand-drawn architecture and process diagrams in the Lanshu animated GIF style, with editable .excalidraw files, static PNG previews, and genuinely animated GIFs with moving flow highlights. Use this skill whenever the user asks for 岚叔动态架构图, Excalidraw-like diagrams, DailyDoseOfDS-style black-background sketches, animated architecture/process GIFs, polished flowcharts, visual explanations of articles or system designs, or asks to replicate or improve a reference diagram with hand-drawn animated effects.
SKILL.md
Source commit c17f5b4e5de99d3603b364530ad04d930d038d24
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 10, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 1,037
- Repository last updated
- Sep 3, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- engineering Derived category
- design Derived category
- operations Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
.gitignoreasset · 91 bytesLICENSEasset · 1,063 bytesREADME.mddoc · 6,761 bytesSKILL.mdcore · 4,553 bytesSKILL.mdcore · 4,553 bytesSKILL.mdcore · 4,553 bytesSKILL.mdcore · 4,553 bytesSKILL.mdcore · 4,553 bytesSKILL.mdcore · 4,553 bytesagents/openai.yamlasset · 296 bytesassets/default-spec.jsonasset · 2,982 bytesassets/previews/claude-loops.gifasset · 7,740,963 bytesassets/previews/memory-pack.gifasset · 8,345,874 bytesreferences/spec-format.mddoc · 2,509 bytesrequirements.txtdoc · 15 bytesscripts/render_animated_diagram.pyruns · 35,122 bytestests/test_render_output_checks.pyruns · 1,835 bytestests/test_text_fitting.pyruns · 3,395 bytes
Read excerpt
# Lanshu Animated Architecture Diagram
Create a polished black-background hand-drawn technical diagram with:
- Editable `.excalidraw` source
- Static `.png` preview
- Animated `.gif` with moving glow points and pulsing module highlights
Use the bundled renderer for deterministic output. Avoid external icon libraries unless the user explicitly provides audited assets.
## Workflow
1. Extract the diagram content.
- For an article or long post, identify the core architecture, actors, stages, data flow, decisions, and final outputs.