Skip to main content
AI Inspiration World
AI AppsAI SkillsAI GamesAI Short Films

⌕
EN|中文
About中
AI AppsAI SkillsAI GamesAI Short FilmsAbout
Home/AI Skills/lieflat-diagrams
AI Skills · Designlieflat-diagrams

Added Oct 17, 2026

lieflat-diagrams

Thirty-five matching diagram templates for AI agents, producing animated flowcharts and structure diagrams or static images.

Ecosystem
Agent Skills
Skill category
Design
Creator / organization
larashero3-dotcom
View work and source ↗

What it is

lieflat-diagrams is a diagram Skill by GitHub user larashero3-dotcom, written, in the author's words, for Moxt, Claude Code, Codex and any other AI agent that reads SKILL.md. It comes with 35 templates in one consistent liquid-glass style and produces animated HTML diagrams such as flowcharts and structure charts, or static SVG and PNG exports. Generation runs in Python, and static exports use Node and Playwright to drive Chromium. What sets it apart is that all 35 templates share one visual style, so several diagrams in the same document still look like a set.

Who it's for:people writing reports or articles who want a group of diagrams to match.

Before you start: it needs Python; exporting SVG or PNG also needs Node, Playwright and Chromium, which must be downloaded during setup. It writes the generated files locally. The export script only allows requests to Google Fonts and blocks other network requests, though font requests still go out as usual. The code and text are MIT-licensed, and the templates and assets are CC BY 4.0, so credit them as required.

Based on the project's public documentation. Not tested by AI Inspiration World.

Source

https://github.com/larashero3-dotcom/lieflat-diagrams ↗

Repository ↗

How rankings work →
AI Inspiration World logo: aiw. picked by humansAI Inspiration World logo: aiw. picked by humansAI Inspiration World

Check in daily. The newest in AI lives here.

Updated every day · Latest arrival: Oct 17, 2026

Site version: Oct 16, 2026

About·Methodology·Trust & Safety·@AIInspoWorld