Explorer les skills

Des workflows originaux pour sites web, images, présentations et animations.

29 skillspour “diagram”
Effacer les filtres
Archify workflow dependency graph
Gratuit
Web et interfaces

Archify: Diagram Creation

Create explorable HTML diagrams for architectures, workflows, state, schemas, timelines and everyday plans.

95,8 kÉtoiles6,5 kForks
Dernier push du dépôt
An illustrated furniture assembly guide in the author's IKEA manual infographic style.
Gratuit
Images

SVG Diagram

Create standalone SVG diagrams for flows, architecture, timelines and other structured explanations.

27,5 kÉtoiles3 kForks
Dernier push du dépôt
The author's light-theme demo: an agent prompt becomes an architecture diagram, followed by a diagram redesign and the gallery.
Gratuit
Images

Diagram Design

Create editorial diagrams in your brand with an AI agent. Supports architecture, flowcharts, data charts, and redraws from Mermaid, draw.io, and Excalidraw, with HTML, SVG, and PNG output.

66,6 kÉtoiles4,4 kForks
Dernier push du dépôt

Create patent-style flowcharts and block diagrams with reference numbers.

  • diagrams
211Étoiles34Forks
Dernier push du dépôt

Create an HTML architecture overview with SVG data flows and deployment context.

  • diagrams
  • architecture
694Étoiles98Forks
Dernier push du dépôt

SVG diagramming conventions blending a technical look with CJK-friendly typography. Use when creating flowcharts, architecture diagrams, and similar SVG figures. For one-shot generation, prefer invoking it from a subagent so the main context does not have to carry this skill plus the SVG XML; for multi-round tweaking, use it directly in the main context.

  • svg
  • diagrams
670Étoiles44Forks
Dernier push du dépôt

Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "diagram", "standard excalidraw", "animate".

  • excalidraw
  • diagrams
5,5 kÉtoiles613Forks
Dernier push du dépôt

Transform text content into professional Mermaid diagrams for presentations and documentation.

  • mermaid
  • diagrams
5,5 kÉtoiles613Forks
Dernier push du dépôt
SeeCode Diagrams — Bar chart export
Gratuit
Images

SeeCode Diagrams

Create animated and explorable diagrams from compact JSON specifications, with scripted layout, styling, motion, and export workflows.

934Étoiles68Forks
Dernier push du dépôt

Trace real triggers, call chains, payloads and state changes into compact ASCII flow diagrams.

  • diagrams
  • code analysis
  • software architecture
24,6 kÉtoiles2,1 kForks
Dernier push du dépôt
Draw.io Skill feature map
Gratuit
Images

Draw.io Diagrams

Create editable draw.io diagrams from descriptions, code, infrastructure, and data schemas.

10,7 kÉtoiles734Forks
Dernier push du dépôt
An illustrated furniture assembly guide in the author's IKEA manual infographic style.
Gratuit
Documents

Markdown to HTML

Convert Markdown into styled, WeChat-compatible HTML with support for code, math and diagrams.

27,5 kÉtoiles3 kForks
Dernier push du dépôt
The author's Flat Icon animation of a Mem0 memory architecture, showing memory extraction, storage, and retrieval.
Gratuit
Images

Fireworks Tech Graph

Turn English or Chinese descriptions into technical SVG diagrams with Codex or Claude Code. Create architecture and workflow diagrams, export PNG or offline interactive HTML, and animate supported scenes as GIFs.

12 kÉtoiles936Forks
Dernier push du dépôt
Outils et workflows7 skills

Happy Development Skills

Run Happy workspaces and use session, browser, terminal, diagram and observability workflows.

24,6 kÉtoiles2,1 kForks
Dernier push du dépôt
Archify workflow dependency graph
Gratuit
Web et interfaces1 skills

Archify

Create explorable HTML diagrams from requirements, Mermaid or repository evidence.

95,8 kÉtoiles6,5 kForks
Dernier push du dépôt

Mermaid Architect

SpillwaveSolutions

Create Mermaid diagrams and design documents from requirements or source code using focused reference guides.

  • diagrams
  • documentation
  • mermaid
184Étoiles24Forks
Dernier push du dépôt

SAP Article Generator

Interstellar-code

Prepare SAP technical articles with research, diagrams, images and Word document output.

  • writing
17Étoiles8Forks
Dernier push du dépôt

Markdown Helper

Interstellar-code

Parse and edit Markdown and work with Mermaid diagrams using bundled CLI utilities.

  • markdown
17Étoiles8Forks
Dernier push du dépôt
Animated job queue state machine with workers, retries and replay controls.
Gratuit
Web et interfaces

Visual Explainer

Turn systems, code changes and plans into visual HTML pages, diagrams and slide decks.

11 kÉtoiles697Forks
Dernier push du dépôt
Understand Anything codebase graph
Gratuit
Recherche et données

Understand Anything: Business Domain Graph

Extract business concepts and workflows into an interactive domain flow graph.

92,3 kÉtoiles7,9 kForks
Dernier push du dépôt

Flowchart Creator

mhattingpete

Create an HTML flowchart with process nodes, decisions and connectors.

  • flowcharts
  • diagrams
694Étoiles98Forks
Dernier push du dépôt

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections.

  • obsidian
  • diagrams
5,5 kÉtoiles613Forks
Dernier push du dépôt
Pretty Mermaid Skills — Pretty Mermaid converts Mermaid source into themed SVG, PNG, and terminal ASCII diagrams
Gratuit
Images

Pretty Mermaid Skills

Create and render Mermaid diagrams as themed SVG, PNG, or terminal-friendly text for architecture notes, READMEs, and technical discussions.

1,6 kÉtoiles78Forks
Dernier push du dépôt

Claude Mermaid

Vitalii Elenhaupt

Create and refine Mermaid diagrams with a live browser preview and export through an MCP server.

  • mermaid
  • diagrams
  • documentation
221Étoiles26Forks
Dernier push du dépôt