Best diagrams skills, page 8

Generates PNG images for four common needs: Xiaohongshu covers, slide illustrations, charts and article logic diagrams, with twelve visual styles and automatic style suggestions.

SpaceZephyr/design-buddy

Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.

mirumee/nimara-ecommerce

Build figures in OpenAI's blog / research / system-card "dotcom" visual style — both (a) bar charts (monochrome bars with a darker same-hue stroke, rounded corners, a black y-axis with outward ticks…

yzlnew/infra-skills

A skill your agent uses when turning a requirement, spec, or feature brief into a single self-contained HTML design document in a fixed house style — one styled HTML page with a table-of-contents…

smallnest/goal-workflow

Transforms article content or summaries into minimalist hand-drawn style JSON prompts for AI image generation tools.

okooo5km/Skills4U

Generate deterministic SVGs from structured specs with validation and rendering.

dkyazzentwatwa/chatgpt-skills

基于文字说明或结构信息，生成可直接在 Excalidraw 中打开的手绘风 .excalidraw 图表；支持系统架构图、流程图、数据结构图与自由白板草图，输出标准 Excalidraw JSON。

xstongxue/best-skills

Create publication-quality scientific diagrams using Nano Banana 2 AI with smart iterative refinement.

K-Dense-AI/claude-scientific-writer

Converts Mermaid diagrams and markdown tables into PNG images through a hosted rendering API, for platforms without rich formatting.

sugarforever/01coder-agent-skills

Create safe inline visual explanations in Rudder Chat. An agent skill from Undertone0809/rudder.

Undertone0809/rudder

Generates clean static SVG diagrams for book chapters and formal articles, such as architecture, flow and hierarchy figures, embedded in Markdown and checked against review gates.

cat-xierluo/legal-skills

生成并迭代 OpenPrd 图示产物，供用户确认或理解。适用于解释型 SVG、架构图、产品流程图、用户旅程、流程图、系统边界图、依赖图，以及 freeze 前的可视化评审场景。

DavidLam-oss/obsidian-wechat-converter

Run local validation checks for ZenUML web-sequence before pushing, opening a PR, or merging.

ZenUml/web-sequence

Generates draw.io diagrams as native .drawio files, including GRC workflows and control maps, with optional PNG, SVG or PDF export that stays editable.

GRCEngClub/claude-grc-engineering

Generate and maintain BPMN 2.0 diagrams linked to Gherkin scenarios

WellApp-ai/Well

Writes an architecture document for a feature from its goals and requirements, after asking questions and studying the existing codebase.

imbue-ai/bouncer

Create and revise editable .excalidraw diagrams as Excalidraw JSON for architecture diagrams, flowcharts, sequence diagrams, concept maps, and other hand-drawn explainers.

HybridAIOne/hybridclaw

Generates a self-contained HTML diagram of a code change or architecture, with data flow, file groupings and design decisions, and a copy-as-image button for sharing.

comet-ml/opik

Integrate markstream-vue2 into a Vue 2 Vue CLI or Webpack 4 app.

Simon-He95/markstream-vue

生成专业的法律结构可视化图，输出为自包含 HTML 文件（内嵌 SVG，浅色主题，适合打印和嵌入文档）。适用场景：(1) 用户要求"画结构图""生成可视化""做流程图""法律图示"时；(2) 涉及诉讼推理结构（当事人→证据→事实→法律→判决）；(3) 合同关系图（甲乙方权利义务、履约节点、违约责任）；(4) 法规程序图（申请→审查→决定→救济）；(5)…

zh-xx/legal-assistant-skills

Create HTML technical documentation with code blocks, API workflows, system architecture diagrams, and syntax highlighting.

mhattingpete/claude-skills-marketplace

A skill your agent uses for architecture, current-state, process, data-flow, medallion, or DP diagrams, including redrawing .drawio and Mermaid sources.

coco-research/coco

What Is This — explain anything as a picture-first HTML page.

suyuan2022/suyuan-skill

Social Media Publisher. An agent skill from stevenflanagan1/social-ai-team.

stevenflanagan1/social-ai-team

Plan architecture improvements and refactoring for a codebase: scan for deepening opportunities (shallow modules, leaky seams, low-leverage interfaces), present candidates as a markdown report with…

TwiTech-LAB/devchain

Writes a self-contained HTML companion beside a PRP plan or review that shows the diagram, steps, risks, verdict and findings, each item with a stable id.

Wirasm/prp

Generate architecture documentation using C4 model Mermaid diagrams.

davila7/claude-code-templates

Author animated technical explainer diagrams as .anim.json files for Nimbalyst's Animation editor.

nimbalyst/nimbalyst

Lists 12 canvas template types for Obsidian Canvas and builds a ready-to-use canvas from one, such as a presentation, flowchart, kanban board or timeline.

AgriciDaniel/claude-canvas

This skill should be used when the user invokes "/mermaid" to create a diagram from the current context using Mermaid and output the resulting image path.

xenodium/emacs-skills

使用 @ant-design/x 组件库构建 AI 对话 UI 时使用 —— 涵盖 Bubble、Sender、Conversations、Prompts、ThoughtChain、Actions、Welcome、Attachments、Sources、Suggestion、Think、FileCard、CodeHighlighter、Mermaid、Folder、XProvider 和…

kqcoxn/MaaPipelineEditor

A skill your agent uses when adding a heavyweight browser dependency (diagram/chart renderers like mermaid, code editors, big wasm-adjacent libs) to a lightweight DSH Web plugin that must stay…

NanmiCoder/dsh-auto-mode

Analyze a Mobius project repository and generate a single-file HTML/SVG architecture diagram at .imac/generatedfigures/arch.html, with optional image fallbacks.

mobius-system/mobius

Analyzes, validates, converts, and transforms materials structures and computed materials data with pymatgen.

K-Dense-AI/scientific-agent-skills

A skill your agent uses when the user asks to "plan my site structure", "design the page hierarchy / navigation / URL taxonomy", "fix internal linking", or "find orphan pages"; runs two modes —…

aaron-he-zhu/aaron-marketing-skills

Turns a cryptographic protocol's source code, RFC, paper or ProVerif or Tamarin model into a Mermaid sequence diagram annotated with each cryptographic operation.

trailofbits/skills

Converts a Mermaid sequence diagram of a cryptographic protocol into a ProVerif model file ready for checking secrecy, authentication and forward secrecy.

trailofbits/skills

Generate and iterate images in Cursor using the built-in image model and strong prompts.

tmcfarlane/oh-my-cursor

Design controlled SVG, visual widgets, topology and Visual Core explainers with semantic color, safe geometry, accessibility, and bounded complexity.

Prismer-AI/PrismerCloud

Create and edit diagrams on a live Excalidraw canvas using the Excalidraw MCP server.

thomast1906/github-copilot-agent-skills

Designs editable PowerPoint overview figures, especially Figure 1 for papers and proposals, from source material and the author's own visual preferences.

yzhao062/anywhere-agents

检查并修复 zero2Agent 项目中 mermaid 图表的语法问题。当用户说"mermaid 渲染错误""图表语法检查""mermaid 不显示""flowchart 报错""检查 mermaid"时触发。也适用于用户提到某篇文章的 mermaid 图无法渲染、显示 syntax error 的场景。

ranxi2001/zero2Agent

Design system and templates for Claude's built-in generative UI — the showwidget tool that renders interactive HTML/SVG widgets inline in claude.ai conversations.

himself65/finance-skills

抓取并汇总"数据库、AI、GitHub、AI 论文"近 1 周新闻，输出图文并茂（含 mermaid 图）的 markdown 周报到当前项目的 markdown/ 目录。覆盖 10 个数据源：postgresweekly.com/issues（自动解析最新 issue…

digoal/blog

Generate or edit images using OpenAI GPT Image API (gpt-image-2, gpt-image-1, etc).

feiskyer/claude-code-settings

Build reusable Manim explainers for technical concepts, graphs, system diagrams, and product walkthroughs, then hand off to the wider ECC video stack if needed.

affaan-m/ECC

Diagram design reference library (14 types — architecture, flowchart, sequence, state, ER, timeline, swimlane, quadrant, nested, tree, org chart, layers, venn, pyramid).

byungjunjang/slide-master

Creates interactive causal-loop diagram (CLD) articles for MkDocs Material sites.

dmccreary/ibook-skills