# Tools > Every listed resource, editors’ picks first. The filters below can be combined. - Search: append `?q=` to the URL. Separate several keywords with spaces; all of them must match. Matches name, repository, tags, professions, description and README. - Filter by type: append `?type=` to the URL. - Filter by profession: append `?profession=` to the URL. Separate several ids with commas; a resource matches when it suits any of them. Ids are listed at https://hebbmind.com/api/v1/professions - Filter by tag: append `?tag=` to the URL. Separate several tags with commas; a resource must carry all of them. Tags are listed at https://hebbmind.com/api/v1/tags Tagged `diagrams`: 29 items. - [Archify](https://hebbmind.com/ko/skill/archify.md): [Skill] Turns natural-language descriptions, Mermaid or a real code repo into interactive single-file HTML diagrams: architecture, flowcharts, sequence diagrams, data flows and state machines. Validates output automatically and exports PNG or SVG. - [Diagram Design](https://hebbmind.com/ko/skill/diagram-design.md): [Skill] Generates self-contained HTML+SVG diagrams in an editorial style: architecture, flowcharts, sequence, swimlane, Gantt and dozens more types. Can match brand colors from a website and redraw imported Mermaid, draw.io and Excalidraw sources. - [Next AI Draw.io](https://hebbmind.com/ko/plugin/claude-plugin.md): [Plugin] Claude Code plugin for Next AI Draw.io that starts its Draw.io MCP server via npx. Generate and edit flowcharts, architecture and sequence diagrams in plain language, with live browser preview, version history and .drawio export. Needs Node.js. - [Next AI Draw.io MCP Server](https://hebbmind.com/ko/mcp/dayuanjiang-mcp-server.md): [MCP] Lets agents create and edit draw.io diagrams such as flowcharts and architecture diagrams in plain language, with live browser preview, version history and export to .drawio, PNG or SVG. Includes an embedded server; runs locally with no API key. - [Process Doc](https://hebbmind.com/ko/skill/process-doc.md): [Skill] Turns processes that live in people's heads into SOPs: flowcharts, a RACI matrix (responsible, accountable, consulted, informed), detailed steps and exceptions, ready for handoffs, audits and onboarding. Describe the process or paste existing notes. Official from Anthropic. - [Operations](https://hebbmind.com/ko/plugin/operations.md): [Plugin] Anthropic's official business operations plugin: vendor evaluations, process docs (flowcharts, RACI, SOPs), change requests, capacity planning, status reports and runbooks. Works without external tools and does more with ITSM and project management tools connected. - [D2](https://hebbmind.com/ko/cli/d2.md): [CLI] Declarative diagram scripting language: describe architecture diagrams, flowcharts and sequence diagrams in concise text with automatic layout, then render with the d2 command to SVG, PNG, PDF or PPTX. Lets agents produce diagrams you can version-control. - [lark-whiteboard](https://hebbmind.com/ko/skill/lark-whiteboard.md): [Skill] Official Lark (Feishu) skill to view, export and edit whiteboards in Lark docs: write Mermaid, PlantUML or SVG into a board for flowcharts or org charts, or export boards as images or SVG. New boards are created with lark-doc. Needs lark-cli, Node.js and auth; install with lark-shared. - [markmap-cli](https://hebbmind.com/ko/cli/markmap-cli.md): [CLI] Turns Markdown outlines into interactive HTML mind maps you can collapse and zoom, with inlined assets for offline use and a watch mode that refreshes live. Good for mapping requirements, lesson planning and organizing knowledge. - [visual-explainer](https://hebbmind.com/ko/plugin/visual-explainer.md): [Plugin] Turns terminal output like architecture explanations, diff reviews and plan comparisons into styled HTML pages or slides with zoomable interactive Mermaid diagrams, replacing hard-to-read ASCII diagrams and tables. No build step; open directly in a browser. - [visual-explainer](https://hebbmind.com/ko/skill/visual-explainer.md): [Skill] Turns architecture explanations, diff reviews, plan reviews and data comparisons into self-contained HTML pages or slides with Mermaid diagrams and light and dark themes, replacing ASCII diagrams in the terminal. - [drawio-skill](https://hebbmind.com/ko/skill/drawio-skill.md): [Skill] Generates editable draw.io architecture diagrams, ER diagrams, UML and BPMN flows from natural language or from Terraform, SQL DDL, OpenAPI specs and code repos, with incremental sync and multi-format export. Native export needs the draw.io desktop app. - [Draw.io MCP Server](https://hebbmind.com/ko/mcp/drawio-mcp.md): [MCP] draw.io's official MCP: opens XML, CSV or Mermaid diagrams generated by the agent directly in the draw.io editor, good for flowcharts and architecture diagrams. A no-install remote version can also render diagrams inline in the chat. - [Excalidraw MCP App Server](https://hebbmind.com/ko/mcp/excalidraw-mcp.md): [MCP] Excalidraw's official MCP App: streams hand-drawn-style architecture diagrams and flowcharts into the conversation, with full-screen editing. Remote endpoint at https://mcp.excalidraw.com; requires a client that supports MCP Apps, such as Claude or ChatGPT. - [Show Me](https://hebbmind.com/ko/skill/show-me.md): [Skill] Explains the current topic visually with the smallest view that makes the point: pseudocode, call trees, component or file trees, Mermaid diagrams or diffs, and a focused HTML diagram or short deck when the idea is too dense. Invoked manually. - [Mermaid CLI](https://hebbmind.com/ko/cli/mermaid-cli.md): [CLI] Mermaid's official CLI, mmdc: renders flowcharts, sequence diagrams and other Mermaid definitions to SVG, PNG or PDF, and can batch-convert mermaid code blocks in Markdown into images. Requires Node.js. - [Excalidraw Diagram Skill](https://hebbmind.com/ko/skill/excalidraw-diagram-skill.md): [Skill] Generates hand-drawn-style Excalidraw diagrams (.excalidraw files you can keep editing on excalidraw.com) from text, choosing fan-out, timeline or convergence layouts by how concepts relate. Optional uv and Playwright let the agent render and check layouts; colors live in one file you can restyle. - [AntV MCP Server Chart](https://hebbmind.com/ko/mcp/mcp-server-chart.md): [MCP] Generates 26+ chart types with AntV, including line, bar, Sankey, word cloud, mind map and pivot table, returning image links. Officially maintained by Ant Group's AntV team; uses a public rendering service by default and can be self-hosted. - [Obsidian Visual Skills Pack](https://hebbmind.com/ko/plugin/axton-obsidian-visual-skills.md): [Plugin] Visualization skills for Obsidian that turn text into Excalidraw hand-drawn diagrams, Mermaid charts and Obsidian Canvas mind maps. Marked experimental by the author; the Excalidraw skill needs the matching Obsidian plugin. - [Excalidraw MCP Server](https://hebbmind.com/ko/mcp/mcp-excalidraw.md): [MCP] Gives agents a live local Excalidraw canvas: add, edit and delete elements to draw architecture diagrams and flowcharts, take screenshots to check the result, convert Mermaid and export .excalidraw files. Runs locally with no API key; also ships a CLI and an agent skill. - [figma-generate-diagram](https://hebbmind.com/ko/skill/figma-generate-diagram.md): [Skill] Figma's official skill: the agent writes Mermaid, then uses the Figma MCP to build flowcharts and sequence, state, Gantt and ER diagrams in FigJam for you to tweak by hand. Unsupported types like pie charts and mind maps are flagged upfront. Needs a Figma account and the remote MCP server. - [figma-use-figjam](https://hebbmind.com/ko/skill/figma-use-figjam.md): [Skill] Figma's official skill for building FigJam boards through the Figma MCP: sticky notes, sections, connectors, shapes and tables for brainstorms, retros and meetings. Needs a Figma account, the remote MCP server and the figma-use skill; canvas writes are free in beta; usage pricing is planned. - [ELI5 (coldteadotai)](https://hebbmind.com/ko/skill/coldteadotai-eli5.md): [Skill] Explains a codebase, feature, command or pull request to someone new to it as a PR Lens canvas: one plain sentence first, then a walkthrough that grows the diagram from two boxes to the whole picture, delivered as a shareable link. Requires the PR Lens skill and its npx CLI. - [PR Lens](https://hebbmind.com/ko/skill/pr-lens.md): [Skill] Draws a code change or part of a codebase as an animated architecture or data-flow diagram. The agent writes a JSON graph, validates and renders it to SVG with the PR Lens CLI, then pushes it to a prlens.dev canvas or attaches it to a GitHub, GitLab or Bitbucket pull request. - [Nano Banana Gemini CLI Extension](https://hebbmind.com/ko/mcp/nanobanana.md): [MCP] Google's official Gemini CLI extension with a built-in MCP server: Nano Banana image generation and editing, photo restoration, icons, textures, step-by-step storyboards and diagrams. Needs Node.js and a Gemini API key; for Claude Code or Codex, clone and build the repo first. - [MCP Mermaid](https://hebbmind.com/ko/mcp/mcp-mermaid.md): [MCP] Generates flowcharts, sequence diagrams, class diagrams and other charts from Mermaid syntax with configurable theme and background, exporting SVG or PNG files or a mermaid.ink share link. Validates syntax so the model can fix errors over several turns. - [Markmap MCP Server](https://hebbmind.com/ko/mcp/markmap-mcp-server.md): [MCP] Turns Markdown outlines into interactive mind map HTML and can export PNG, JPG or SVG server-side (requires Playwright). Runs fully locally with no third-party API key; good for organizing notes, lesson prep and document structure. - [Miro](https://hebbmind.com/ko/plugin/miro.md): [Plugin] Miro's official plugin with the Miro remote MCP and three skills: draw codebase explanations on a board, run visual code reviews on the board, and turn board docs, diagrams and prototypes into development specs. Needs OAuth with a Miro account. - [Lucid MCP Server](https://hebbmind.com/ko/mcp/lucid-mcp-server.md): [MCP] Lucid's official hosted MCP: search and summarize documents in your Lucid account, generate flowcharts, org charts (importable from CSV) and sequence diagrams from a sentence, edit shapes, export PNGs and create share links. Needs a Lucid account (free plan works) with OAuth on first connect.