Media & Creative · Diagrams

Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.

Agents365-ai/drawio-skill

Turns systems, code changes, plans and data into self-contained HTML pages where figures carry the explanation, with options for slide decks and narrated MP4 videos.

nicobailon/visual-explainer

Generate or edit images using AI models (FLUX, Gemini). An agent skill from ynulihao/AgentSkillOS.

ynulihao/AgentSkillOS

Creates standalone dark-themed SVG diagrams, including architecture, flowchart, sequence, structural, mind map, timeline and state machine types.

JimLiu/baoyu-skills

Creating interactive data visualisations using d3.js. An agent skill from calesthio/OpenMontage.

calesthio/OpenMontage

Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets.

oil-oil/beautify-github-readme

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

spacering-net/codeg

Generate Guizang-style material illustrations, labeled explanatory visuals, material-styled chart illustrations, and data-first editorial images from articles, notes, product concepts, workplace…

op7418/guizang-material-illustration

Generates Excalidraw diagram files from plain descriptions, choosing among flowcharts, mind maps, architecture, swimlane, class, sequence and ER diagrams.

tech-leads-club/agent-skills

Direct, generate, edit, compare, and review visual assets with current Google Gemini image models.

AgriciDaniel/banana-claude

Create animated flow diagrams from articles, workflow notes, architecture sketches, or process descriptions using a JSON specification and a local Python/Pillow renderer.

AI-Builder-Club/skills

Generate images using Google Gemini's image generation capabilities.

sanjay3290/ai-skills

REQUIRED for all image generation requests. An agent skill from kkoppenhaver/cc-nano-banana.

kkoppenhaver/cc-nano-banana

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…

lazypay/Archscribe

Redesign GitHub README homepages or create standalone GitHub-safe SVG and animated GIF assets around a repository's real theme.

Zergie/YAMMU

Build a terminal-style, always-running animated architecture diagram (a "live panel") from a JSON config and render it to an mp4.

ythx-101/live-panel-skill

Generates article illustrations, batch slide infographics and cover images from your text, using Gemini, Mermaid or Excalidraw engines and a prompt-only mode.

axtonliu/smart-illustrator

Hybrid figure pipeline (Nano Banana raster + rembg background removal + TikZ vector assembly).

Muuuun/luxas

A skill your agent uses when the user needs engineering or research-paper figures: system architecture diagrams, algorithm workflows, hardware schematics, benchmark charts, ablation plots, figure…

heyu-233/engineering-figure-agent

Create camera-ready, editable draw.io figures from papers, method descriptions, code, or reference images.

M1n-n9/academic-figures-drawer

A skill your agent uses when turning any content into clear, professional visualizations - board slides, reports, proposals, research summaries, training materials, technical diagrams, infographics…

kgraph57/mckinsey-style-visualization-skill

使用 bm.md 写作、改写、排版或渲染 Markdown；生成 Mermaid 与 AntV Infographic，设置图片尺寸、高亮重点，以及执行 HTML/纯文本转换和 Markdown lint

miantiao-me/bm.md

Directly generate design-oriented AI images with strong creative direction and prompt engineering.

kangarooking/design-image-studio

Builds hand-editable SVG diagrams from computed layout coordinates, lints the source and renders a 2x PNG, with rules for when mermaid is the better choice.

modu-ai/moai-adk

Builds and lays out Obsidian Canvas files with sub-agents for images, diagrams and layout, from flowcharts and mood boards to presentation decks.

AgriciDaniel/claude-canvas

Professional diagram and architecture visualization design system for Remotion video compositions.

coleam00/hyperframes-ai-video-generation

Watch any social video → get an architecture diagram, working component, runnable notebook, or step-by-step cheat sheet — automatically.

sonpiaz/watch-cli

手绘白板风"边画边讲"讲解视频出片 skill（Excalidraw 风格逐笔动画 + 火山引擎配音 + 烧录字幕 + 品牌水印与片尾卡 + 横竖两张封面 + 各平台发布文案）。当用户说"做一期白板视频 / 边画边讲 / 手绘讲解视频 / 用 excalidraw 做视频 / whiteboard video"，或要在本仓库里新建一期、改场景、换贴纸或真实…

trustfuture/simon-skills

Turns an English description or Mermaid source into a diagram set: the source, an editable .excalidraw file and rendered SVG and PNG images.

garrytan/gstack

Draws chart images such as flowcharts, architecture diagrams, ER diagrams and SWOT boards for WeChat official account articles, in one of six visual styles.

SpaceZephyr/creator-buddy

Draws and refines Excalidraw diagrams on a live canvas through MCP tools or a REST API, with screenshots, file import and export, snapshots and Mermaid conversion.

lingzhi227/agent-research-skills

Create editable motion graphics locally in Tesseract, including full-frame animated scenes, typography, diagrams, lower thirds, and overlays on supplied footage.

mirage-hq/Tesseract

Generates OpenChart (https://github.com/tryopendata/openchart) chart, table, graph, sankey, tilemap, and geo map specs from data, and guides editorial design decisions.

tryopendata/skills

Generate self-contained HTML/SVG infographics from JSON data, including stat cards, bar charts, flow diagrams, and mixed dashboards.

zebbern/claude-code-guide

Generates architecture diagrams as .excalidraw files by analyzing a codebase, with optional PNG or SVG export through Playwright.

ooiyeefei/ccc

AI-powered image generation for Salesforce visuals via Nano Banana Pro.

Jaganpro/sf-skills

Creates a text-only engineering implementation plan as a single self-contained HTML page saved to specs/<name.html — the plan authored directly in styled HTML plus a freeform HTML zone where the…

disler/pi-agent-observability

Splits a Markdown article by heading, drafts an image prompt for each section, then generates diagrams with the Gemini API and embeds them in the note.

SpaceZephyr/design-buddy

Generate or edit images with AI models through the OpenRouter Image API (Gemini, Seedream, Recraft, GPT-Image, Riverflow).

K-Dense-AI/claude-scientific-writer

Create and revise static visual designs as editable Tesseract compositions and rendered PNGs, including posters, social graphics, slide layouts, diagrams, and web/UI mockups.

mirage-hq/Tesseract

Builds a complete Obsidian canvas from a plain description by picking one of 12 template archetypes, planning nodes, and generating text and media for it.

AgriciDaniel/claude-canvas

当用户明确要求"生成 NSFC 技术路线图/技术路线图绘制/roadmap/flowchart"或需要把标书研究内容转成"可打印、A4 可读"的技术路线图时使用。默认输出可编辑源文件（.drawio）与可嵌入文档的渲染结果（.svg/.png/.pdf）；当用户主动提及 Nano Banana/Gemini 图片模型时，可切换为 PNG-only 模式。⚠️…

InternScience/DrClaw

Turns supplied content into self-contained HTML and PNG in two modes: card for one shareable frame（知识卡、信息卡、金句卡、封面、把要点做成一张图）, report for multi-section documents（可视化报告、HTML 汇报页、PRD/计划/评审做成网页）.

hylarucoder/hai-stack

Generates a finished chart image directly with GPT-image-2 from a text description, across ten chart types such as flowcharts, architecture diagrams and SWOT grids in six visual styles.

SpaceZephyr/design-buddy

Generates diagrams, flowcharts and conceptual illustrations with OpenAI's gpt-image models, while leaving data plots and result figures to real plotting code.

RealSeaberry/AutoMCM-Pro

当用户明确要求"生成 NSFC 原理图/机制图/schematic diagram/mechanism diagram"或需要把标书中的研究机制、算法架构、模块关系转成"可编辑 + 可嵌入文档"的图示时使用。默认输出可编辑源文件（.drawio）与渲染文件（.pdf/.svg/.png）；当用户主动提及 Nano Banana/Gemini 图片模型时，可切换为 PNG-only 模式。⚠️…

InternScience/DrClaw

Triggered when the user wants lifecycle management of OpenLoaf canvases / whiteboards: create, open, filter, duplicate, delete, rename, or change ownership.

OpenLoaf/OpenLoaf

Integrate markstream-vue into a Vue 3 app. An agent skill from Simon-He95/markstream-vue.

Simon-He95/markstream-vue