Diagram Design
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
Documentation architecture for this repository. An agent skill from miroapp/miro-ai.
$ npx skills add miroapp/miro-ai --skill documentation-structure -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install miroapp/miro-ai documentation-structure --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/miroapp/miro-ai.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/documentation-structure .claude/skills/documentation-structure && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "documentation-structure" agent skill from https://github.com/miroapp/miro-ai/tree/main/.agents/skills/documentation-structure into .claude/skills/documentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "documentation-structure", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/miroapp/miro-ai/tree/main/.agents/skills/documentation-structureType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add miroapp/miro-ai --skill documentation-structure -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install miroapp/miro-ai documentation-structure --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/miroapp/miro-ai.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/documentation-structure .agents/skills/documentation-structure && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "documentation-structure" agent skill from https://github.com/miroapp/miro-ai/tree/main/.agents/skills/documentation-structure into .agents/skills/documentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "documentation-structure", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add miroapp/miro-ai --skill documentation-structure -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install miroapp/miro-ai documentation-structure --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/miroapp/miro-ai.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/documentation-structure .cursor/skills/documentation-structure && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "documentation-structure" agent skill from https://github.com/miroapp/miro-ai/tree/main/.agents/skills/documentation-structure into .cursor/skills/documentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "documentation-structure", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/miroapp/miro-ai.git --path .agents/skills/documentation-structure--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add miroapp/miro-ai --skill documentation-structure -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install miroapp/miro-ai documentation-structure --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/miroapp/miro-ai.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/documentation-structure .gemini/skills/documentation-structure && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "documentation-structure" agent skill from https://github.com/miroapp/miro-ai/tree/main/.agents/skills/documentation-structure into .gemini/skills/documentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "documentation-structure", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install miroapp/miro-ai documentation-structureInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add miroapp/miro-ai --skill documentation-structure -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/miroapp/miro-ai.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/documentation-structure .github/skills/documentation-structure && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "documentation-structure" agent skill from https://github.com/miroapp/miro-ai/tree/main/.agents/skills/documentation-structure into .github/skills/documentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "documentation-structure", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add miroapp/miro-ai --skill documentation-structure -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install miroapp/miro-ai documentation-structure --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/miroapp/miro-ai.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/documentation-structure .opencode/skills/documentation-structure && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "documentation-structure" agent skill from https://github.com/miroapp/miro-ai/tree/main/.agents/skills/documentation-structure into .opencode/skills/documentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "documentation-structure", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
documentation-structureDocumentation architecture for this repository. An agent skill from miroapp/miro-ai.
Documentation Structure is an agent skill from miroapp/miro-ai. Documentation architecture for this repository. Use when creating, updating, or reviewing README.md, CONTRIBUTING.md, or docs/ files. Covers separation of concerns, vendor documentation standards, cross-references, and validation.
Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/patterns.md`).
It sits in Development, covering Technical documentation. The repository describes itself as: Official Miro AI developer tools and integrations. Includes MCP server configuration, Claude Code skills, and resources for building AI-powered experiences with Miro boards. The licence is MIT.
Read from SKILL.md and the folder at commit b6408e1. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).
From the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
developers.miro.comFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Documentation Structure loads about 1.3k tokens when it runs, and up to ~2.3k if it reads all its reference files. Until then it costs about 64 tokens; SKILL.md has 420 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from miroapp/miro-ai at commit b6408e1, republished under its MIT licence (© miroapp). 420 words, ~1,276 tokens.
.claude/skills/documentation-structure/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.This skill defines how documentation is organized and maintained in this repository.
| Principle | Description |
|---|---|
| Separation of Concerns | README (landing), docs/ (reference), CONTRIBUTING (dev workflow) |
| Single Source of Truth | Define once, link everywhere. Never duplicate content. |
| Hub-and-Spoke | docs/README.md is the central navigation hub |
| Vendor Isolation | Each AI platform gets its own directory in docs/ |
CRITICAL RULE: User documentation must ONLY contain fully automated installation methods. All manual setup belongs in developer documentation.
| Content Type | User Docs | Developer Docs |
|---|---|---|
| Marketplace install | ✓ | ✓ |
| One-command GitHub install | ✓ | ✓ |
| git clone | ✗ | ✓ |
| --plugin-dir | ✗ | ✓ |
| extensions link | ✗ | ✓ |
| JSON config editing | ✗ | ✓ |
| Local path setup | ✗ | ✓ |
| mcp_settings.json | ✗ | ✓ |
Purpose: First impression. Get users started quickly.
Must include:
Must NOT include:
Purpose: Complete reference for users and developers.
Structure:
docs/
├── README.md # Navigation hub
├── troubleshooting.md # Cross-platform issues
├── getting-started/ # Entry points
│ ├── mcp-setup.md # Generic MCP config
│ └── enterprise.md # Admin requirements
├── claude-code/ # Vendor: Claude Code
├── kiro/ # Vendor: Kiro
├── gemini-cli/ # Vendor: Gemini CLI
└── mcp/ # Protocol reference
├── tools-reference.md
└── tutorials.mdPurpose: How to modify THIS repository.
Must include:
--plugin-dir, etc.)Must NOT include:
Each vendor directory in docs/ follows this pattern:
| File | Purpose |
|---|---|
overview.md | What is this integration, why use it, installation |
*-development.md | How to build new plugins/powers/extensions |
| Individual component docs | One file per plugin/power |
## What are [Plugins/Powers/Extensions]?
## Why Use [Plugins/Powers] vs Direct MCP?
## Available [Plugins/Powers]
## Installation
## Authentication
## Related| Vendor | Config Format | Location |
|---|---|---|
| Claude Code | plugin.json | .claude-plugin/plugin.json |
| Kiro | POWER.md frontmatter | POWER.md |
| Gemini CLI | JSON extension | gemini-extension.json |
[text](../mcp/tools-reference.md)docs/ prefix [text](docs/claude-code/overview.md)[text](https://developers.miro.com)Every doc file should end with a Related section:
## Related
- [Overview](overview.md) - Introduction to this integration
- [Tools Reference](../mcp/tools-reference.md) - MCP tool documentationIf doc A links to doc B, doc B should link back to doc A in its Related section.
Before committing documentation changes:
references/patterns.md - Formatting patterns (tables, collapsibles, code blocks)© miroapp, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 1 other file (references) in .agents/skills/documentation-structure of miroapp/miro-ai.
Open the folder on GitHubat commit b6408e1
Documentation Structure next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Documentation Structure this skillmiroapp/miro-ai | 160 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Diagram Designcathrynlavery/diagram-design | 45k | 1 repos | ~7.5k | Automated safety check: Pass | MIT | |
| Simple Englishmoeru-ai/airi | 50k | 2 repos | ~4.6k | Automated safety check: Pass | MIT | |
| Get API Docs with chubandrewyng/context-hub | 14k | 2 repos | ~775 | Automated safety check: Pass | MIT | |
| Doc SyncJetBrains/ideavim | 10k | 2 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Mailspring App ScreenshotsFoundry376/Mailspring | 18k | — | ~1.5k | Automated safety check: Pass | GPL-3.0 |
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
moeru-ai/airi
Write or rewrite technical text with the rules of ASD-STE100 Simplified Technical English so it is clear, unambiguous, and free of AI slop.
andrewyng/context-hub
Fetches current documentation for third-party APIs and SDKs with the chub CLI before the agent writes code against them, instead of relying on remembered API shapes.
JetBrains/ideavim
Keeps IdeaVim documentation in sync with code changes. An agent skill from JetBrains/ideavim.
Foundry376/Mailspring
Captures screenshots of the running Mailspring dev app for docs, PRs or visual checks by launching it with a debugging port, driving the UI and clipping to an element.
Agents365-ai/drawio-skill
Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.
miroapp/miro-ai
A skill your agent uses when the user wants to extract a Miro board's specs (documents, diagrams, prototypes, tables, frames, images) to local .miro/specs/ files for AI-assisted planning and…
miroapp/miro-ai
A skill your agent uses when the user wants to explain or visualize a codebase on a Miro board — produces a minimal, notation-correct set of architecture / structure / behavior diagrams (flowchart…
miroapp/miro-ai
A skill your agent uses when the user wants to create a visual code review on a Miro board from a pull/merge request (GitHub, GitLab, or any forge), local uncommitted changes, or a branch comparison…
miroapp/miro-ai
A skill your agent uses when authoring or revising plugin SKILL.md files in this repo.
Categories
Documentation architecture for this repository. An agent skill from miroapp/miro-ai. Documentation Structure is an agent skill from miroapp/miro-ai. Documentation architecture for this repository.
Documentation Structure fits situations like: reviewing README.md; CONTRIBUTING.md.
Run `npx skills add miroapp/miro-ai --skill documentation-structure -a claude-code`. Or copy the skill folder (.agents/skills/documentation-structure in miroapp/miro-ai) into .claude/skills/documentation-structure in your project. Claude Code loads it when a task matches its description.
Run `npx skills add miroapp/miro-ai --skill documentation-structure -a codex`. Or copy the skill folder (.agents/skills/documentation-structure in miroapp/miro-ai) into .agents/skills/documentation-structure in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add miroapp/miro-ai --skill documentation-structure -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/documentation-structure, .gemini/skills/documentation-structure, .github/skills/documentation-structure and .opencode/skills/documentation-structure in your project.
SKILL.md names no scripts, command-line tools or credentials: Documentation Structure is instructions for the agent only.
SKILL.md names 1 domain. In commands or code: developers.miro.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Documentation Structure is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.3k tokens (SKILL.md is roughly 5.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Documentation Structure: Diagram Design (cathrynlavery/diagram-design, 45k stars), Simple English (moeru-ai/airi, 50k stars), Get API Docs with chub (andrewyng/context-hub, 14k stars) and Doc Sync (JetBrains/ideavim, 10k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
miroapp (a GitHub organization) maintains it in miroapp/miro-ai, which has 160 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on September 17, 2026.
Source: miroapp/miro-ai on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.