SkillHey.
スキルを投稿

スキルを探す

ウェブサイト、画像、プレゼンテーション、動画のためのオリジナルワークフロー。

29 スキル検索語 “diagram”
フィルターをクリア
Archify workflow dependency graph
無料
ウェブ・UI

Archify: Diagram Creation

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

9.6万スター6549フォーク
リポジトリの最終プッシュ
tt-a1i
An illustrated furniture assembly guide in the author's IKEA manual infographic style.
無料
画像

SVG Diagram

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

2.7万スター2997フォーク
リポジトリの最終プッシュ
Jim Liu (宝玉)
The author's light-theme demo: an agent prompt becomes an architecture diagram, followed by a diagram redesign and the gallery.
無料
画像

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.

6.7万スター4431フォーク
リポジトリの最終プッシュ
Cathryn Lavery

Patent Diagram Generator

Rob Adams Jr

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

  • diagrams
211スター34フォーク
リポジトリの最終プッシュ

Architecture Diagram Creator

mhattingpete

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

  • diagrams
  • architecture
694スター98フォーク
リポジトリの最終プッシュ

SVG Diagramming Conventions

Bybit

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スター44フォーク
リポジトリの最終プッシュ

Obsidian Mind — Excalidraw Diagrams

breferrari

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
5528スター613フォーク
リポジトリの最終プッシュ

Obsidian Mind — Mermaid Diagrams

breferrari

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

  • mermaid
  • diagrams
5528スター613フォーク
リポジトリの最終プッシュ
SeeCode Diagrams — Bar chart export
無料
画像

SeeCode Diagrams

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

934スター68フォーク
リポジトリの最終プッシュ
Aryan Utkarsh

Happy Control-flow Diagrams

slopus

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

  • diagrams
  • code analysis
  • software architecture
2.5万スター2120フォーク
リポジトリの最終プッシュ
Draw.io Skill feature map
無料
画像

Draw.io Diagrams

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

1.1万スター734フォーク
リポジトリの最終プッシュ
Agents365-ai
An illustrated furniture assembly guide in the author's IKEA manual infographic style.
無料
ドキュメント

Markdown to HTML

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

2.7万スター2997フォーク
リポジトリの最終プッシュ
Jim Liu (宝玉)
The author's Flat Icon animation of a Mem0 memory architecture, showing memory extraction, storage, and retrieval.
無料
画像

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.

1.2万スター936フォーク
リポジトリの最終プッシュ
yizhiyanhua-ai
無料
ツールとワークフロー7 件のスキル

Happy Development Skills

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

2.5万スター2120フォーク
リポジトリの最終プッシュ
slopus
Archify workflow dependency graph
無料
ウェブ・UI1 件のスキル

Archify

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

9.6万スター6549フォーク
リポジトリの最終プッシュ
tt-a1i

Mermaid Architect

SpillwaveSolutions

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

  • diagrams
  • documentation
  • mermaid
184スター24フォーク
リポジトリの最終プッシュ

SAP Article Generator

Interstellar-code

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

  • writing
17スター8フォーク
リポジトリの最終プッシュ

Markdown Helper

Interstellar-code

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

  • markdown
17スター8フォーク
リポジトリの最終プッシュ
Animated job queue state machine with workers, retries and replay controls.
無料
ウェブ・UI

Visual Explainer

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

1.1万スター697フォーク
リポジトリの最終プッシュ
Nico Bailon
Understand Anything codebase graph
無料
調査とデータ

Understand Anything: Business Domain Graph

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

9.2万スター7868フォーク
リポジトリの最終プッシュ
Egonex-AI

Flowchart Creator

mhattingpete

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

  • flowcharts
  • diagrams
694スター98フォーク
リポジトリの最終プッシュ

Obsidian Mind — JSON Canvas

breferrari

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

  • obsidian
  • diagrams
5528スター613フォーク
リポジトリの最終プッシュ
Pretty Mermaid Skills — Pretty Mermaid converts Mermaid source into themed SVG, PNG, and terminal ASCII diagrams
無料
画像

Pretty Mermaid Skills

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

1574スター78フォーク
リポジトリの最終プッシュ
imxv

Claude Mermaid

Vitalii Elenhaupt

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

  • mermaid
  • diagrams
  • documentation
221スター26フォーク
リポジトリの最終プッシュ