Archify Diagrams
tt-a1i/archify
Creates interactive architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone HTML with inline SVG, themes and image or video export.
Shows an evidence-linked map of a codebase's architecture and constraints, highlighting the modules an AI plans to change before it edits anything.
$ npx skills add Qiuner/birdview --skill birdview -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Qiuner/birdview birdview --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
Claude Code skills documentation · loads skills from .claude/skills/
Install the "birdview" agent skill from https://github.com/Qiuner/birdview/tree/main into .claude/skills/birdview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "birdview", 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.
$ npx skills add Qiuner/birdview --skill birdview -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Qiuner/birdview birdview --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "birdview" agent skill from https://github.com/Qiuner/birdview/tree/main into .agents/skills/birdview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "birdview", 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 Qiuner/birdview --skill birdview -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Qiuner/birdview birdview --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "birdview" agent skill from https://github.com/Qiuner/birdview/tree/main into .cursor/skills/birdview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "birdview", 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.
$ npx skills add Qiuner/birdview --skill birdview -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Qiuner/birdview birdview --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "birdview" agent skill from https://github.com/Qiuner/birdview/tree/main into .gemini/skills/birdview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "birdview", 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 Qiuner/birdview birdviewInstalls 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 Qiuner/birdview --skill birdview -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "birdview" agent skill from https://github.com/Qiuner/birdview/tree/main into .github/skills/birdview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "birdview", 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 Qiuner/birdview --skill birdview -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Qiuner/birdview birdview --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "birdview" agent skill from https://github.com/Qiuner/birdview/tree/main into .opencode/skills/birdview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "birdview", 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.
birdviewShows an evidence-linked map of a codebase's architecture and constraints, highlighting the modules an AI plans to change before it edits anything.
Birdview builds an architecture map linked to evidence in the code and marks the modules the agent intends to change, so you can see the reach of a change before edits begin. It stays out of ordinary coding: in the default `on-demand` mode it activates only when you pick the skill, name Birdview or ask for an architecture, constraint or change map.
Projects can opt in to `auto` mode through their host instruction file, which runs it before every code-changing task, even small edits, or set `off`. Mode changes and status go through `references/modes.md` and report the result without starting a map. In Codex it is selected with `/skills` or `$birdview`, in Claude Code as `/birdview`, and when active the agent reports any existing map before building or analyzing change scope. These are agent instructions rather than enforced write blocking.
2 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit acddbf0. 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.
Ships 1 file in scripts/, which the agent can run.
Shell commands in SKILL.md call:
nodenpmFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.
From 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.
Birdview Architecture Map loads about 2.6k tokens when it runs, and up to ~34k if it reads all its reference files. Until then it costs about 71 tokens; SKILL.md has 1,292 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); the scripts in this folder are not scanned.
The full file from Qiuner/birdview at commit acddbf0, republished under its MIT licence (© Qiuner). 1,292 words, ~2,578 tokens.
.claude/skills/birdview/SKILL.md (or your agent's skills folder). This skill also uses 208 other files; get the full folder from GitHub.Show the system on an evidence-linked architecture map and highlight the modules AI plans to change before editing.
Project off disables the foundation and map workflow unless explicitly requested for the current task. Installed project foundation rules remain applicable in on-demand even without skill activation; their canonical managed text is foundation.txt. For project setup, disabling or removal of managed rules, follow modes.md; do not start mapping merely to configure rules.
Birdview defaults to on-demand: activate only when the user selects the skill, names Birdview, or requests an architecture/constraint/change map. Ordinary coding, small fixes and feature planning do not activate it by default. If the project host instruction file explicitly configures auto, activate before every code-changing task, including small edits, and planning that explicitly analyzes affected modules. Honor existing auto settings; setup preserves them. Honor off unless explicitly invoked for this task. Merely discussing the skill does not request a map. When active for authorized coding, reuse/update the map and declare affected modules before editing.
In Codex, use /skills to select Birdview or mention $birdview. Claude Code exposes the installed skill as /birdview. Other hosts use their skill selector or an explicit Birdview request; do not assume they implement the same slash command. Invocation applies to the current task, not all future edits.
For mode changes/status, follow modes.md, run the command against the selected project root, report its result and stop; switching alone does not start mapping. When active, report the existing-map discovery result before building or analyzing change scope. These are agent instructions, not enforced write interception.
A bare “use Birdview” request delivers architecture and reviewed constraints together by default. Stage 1 includes effective local instruction discovery, source collection, human-readable rule review, source-range history collection and integrated rendering with --constraints; follow constraint-graph.md. Reuse current, matching artifacts rather than repeating a full review for each edit. Honor an explicit architecture-only or constraint-only request. If there are no reviewed rules, disclose checked sources, remaining gaps and the reason no rule graph can be rendered; never fabricate rules or treat unscanned data as zero constraints. Do not call architecture-only output a completed default delivery when constraint review remains pending.
For an explicit constraint graph or a complete constraint inventory, follow constraint-graph.md. This standalone route does not require or modify an architecture map. Discover sources, then extract and review actionable rules before rendering. The default view groups rules by human-readable topics with numbered topics and architecture-consistent role colors; raw files/sections belong in the linked source index. A source dump is not delivery. Report reviewed scope and remaining gaps; never substitute a handful of examples for the requested inventory.
Before mapping, follow constraints.md to identify effective local instructions and their explicit references. Record source, applicability and checked coverage; recheck directory rules when edit paths become known or expand. Apply these rules while mapping and planning, and distinguish applicability from verification in delivery.
In both auto and on-demand mode, finish the reviewable map and change plan first: show the HTML preview, affected modules/files, intended behavior, applicable constraints, verification plan and remaining uncertainties. Then ask whether to implement this displayed scope and wait for an explicit reply. Explain that Birdview requires confirmation of the displayed plan. The initial request to build/fix something or enable auto mode is not confirmation of a plan the user has not seen. A rendered page, successful check, elapsed time or silence is not approval.
Before confirmation, read-only investigation and writing map/constraint/plan artifacts are allowed; do not edit implementation, tests or project configuration, or emit editing events. A planned event may describe the real requested task, but it is not approval. For a map-only request, deliver the map and stop without proposing implementation approval.
Reuse explicit confirmation already given for the same displayed plan; do not ask again for routine edits or checks within its scope. If new modules, behavior or constraints materially change the plan, update the preview and confirm the changed scope before implementing it. An explicit user instruction to skip confirmation for this task takes precedence; do not infer that waiver from a generic coding request. Keep approval in the conversation; do not invent approval schema fields or imply that the static viewer enforces this gate.
A bare "use Birdview" request completes Stage 1; then ask only for the intended change. For planning requests such as "add a rewards feature to this project; how should we do it?", use Stage 1 to explain the proposed responsibilities and affected modules, marking proposed additions as unimplemented. Planning alone does not authorize code edits or activity events. Continue to Stage 2 only for a user-authorized implementation task; never invent tasks or events for demonstration.
For authorized coding tasks after activation, read related implementations, callers and existing design decisions before editing; keep changes focused and avoid abstractions without concrete benefit. Follow development.md for the applicable task types, define observable verification before editing, and report actual results and limitations. These instructions do not activate on-demand mode by themselves.
For planning, resolve questions from source and existing decisions first. Ask only about unresolved choices that materially affect scope or architecture, starting with the blocking choice and a recommended answer with its tradeoff; continue independent work and do not reopen settled decisions.
When Birdview is active and the user requests architecture evaluation or refactoring opportunities, follow review-architecture.md after Stage 1. Ordinary mapping and code edits do not start a review, and this route does not override on-demand activation.
birdview.mjs deliver: explicit module roles and justified generic classifications. Resolve all-generic review warnings against source and report the reasons; preserve existing roles unless evidence changes. See the contract for roleAssessment and legacy compatibility.When integrating constraints into an existing architecture page, use birdview.mjs deliver as described in delivery.md and constraint-graph.md. Reuse the architecture map; preserve its layout. Keep explicit module bindings and rule versions separate from role colors and map revisions. Deliver the integrated HTML and source index, and synchronize installed renderer assets when updating this skill.
Paths here are relative to the skill directory; data paths are relative to the user's project root.
node scripts/birdview.mjs deliver architecture.json project.html --catalog constraints.catalog.json --rules reviewed-rules.json --repo /path/to/projectAfter source discovery and AI rule review, this combines strict validation, rule compilation/history and rendering. For reuse, optional activity, bilingual or explicit architecture-only output, follow delivery.md. Read the JSON receipt, fix errors and report warnings. Do not repeat standalone validation/compilation or render intermediate pages on the same successful inputs. Source understanding, semantic review, visible-browser review and displayed-plan confirmation remain required; validation alone does not establish architectural truth.
The sole fictional demo is examples/harness-activity.html, built with npm run build:demo. It supports architecture, changes and comparison views. Keep JSON/JSONL fixtures without separate generated example pages.
© Qiuner, 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 208 other files (scripts, references, assets) in the repository root of Qiuner/birdview.
Open the folder on GitHubat commit acddbf0
We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in Qiuner/birdview, which our catalogue first saw on October 7, 2026.
Birdview Architecture Map 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 |
|---|---|---|---|---|---|---|
| Birdview Architecture Map this skillQiuner/birdview | 721 | 1 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Archify Diagramstt-a1i/archify | 79k | — | ~2.9k | Automated safety check: Pass | MIT | |
| Dark Architecture Diagram BuilderCocoon-AI/architecture-diagram-generator | 7.4k | 1 repos | ~2.1k | Automated safety check: Pass | MIT | |
| Code Graph Mermaid Diagramstrailofbits/skills | 7.4k | 1 repos | ~1.7k | Automated safety check: Pass | CC-BY-SA-4.0 | |
| Senior Architect Toolkitmaslennikov-ig/claude-code-orchestrator-kit | 260 | 8 repos | ~1.2k | Automated safety check: Notes | Custom licence | |
| SVG Diagram GeneratorJimLiu/baoyu-skills | 26k | 1 repos | ~3.1k | Automated safety check: Pass | MIT |
tt-a1i/archify
Creates interactive architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone HTML with inline SVG, themes and image or video export.
Cocoon-AI/architecture-diagram-generator
Creates dark-themed system, cloud, security and network architecture diagrams as self-contained HTML files with inline SVG and CSS.
trailofbits/skills
Generates Mermaid diagrams from Trailmark code graphs, including call graphs, class hierarchies, module dependency maps, complexity heatmaps and attack surface data flows.
maslennikov-ig/claude-code-orchestrator-kit
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin…
JimLiu/baoyu-skills
Creates standalone dark-themed SVG diagrams, including architecture, flowchart, sequence, structural, mind map, timeline and state machine types.
Unclecheng-li/AI_Animation
Builds validated architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone interactive HTML from a small JSON spec, with optional motion and image export.
Qiuner/birdview
Audits the AI skills installed for a project for duplicate names, broad triggers and conflicting instructions, without changing any of them.
Categories
Shows an evidence-linked map of a codebase's architecture and constraints, highlighting the modules an AI plans to change before it edits anything. Birdview builds an architecture map linked to evidence in the code and marks the modules the agent intends to change, so you can see the reach of a change before edits begin. It stays out of ordinary coding: in the default `on-demand` mode it activates only when you pick the skill, name Birdview or ask for an architecture, constraint or change map.
Birdview Architecture Map fits situations like: understanding a module's place in the architecture before changing it; seeing which modules a planned change would touch; setting a project to run an architecture map before every code change.
Run `npx skills add Qiuner/birdview --skill birdview -a claude-code`. Or copy the skill folder (the Qiuner/birdview repository) into .claude/skills/birdview in your project. Claude Code loads it when a task matches its description.
Run `npx skills add Qiuner/birdview --skill birdview -a codex`. Or copy the skill folder (the Qiuner/birdview repository) into .agents/skills/birdview 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 Qiuner/birdview --skill birdview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/birdview, .gemini/skills/birdview, .github/skills/birdview and .opencode/skills/birdview in your project.
Going by SKILL.md and its folder, Birdview Architecture Map needs the command-line tools its instructions call (node and npm). Our summary lists: A project instruction file such as AGENTS.md, only if you want the auto or off mode.
SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Birdview Architecture Map is published under the MIT licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.6k tokens (SKILL.md is roughly 10k 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 31k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Birdview Architecture Map: Archify Diagrams (tt-a1i/archify, 79k stars), Dark Architecture Diagram Builder (Cocoon-AI/architecture-diagram-generator, 7.4k stars), Code Graph Mermaid Diagrams (trailofbits/skills, 7.4k stars) and Senior Architect Toolkit (maslennikov-ig/claude-code-orchestrator-kit, 260 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Qiuner (a GitHub user) maintains it in Qiuner/birdview, which has 721 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on October 2, 2026.
Source: Qiuner/birdview on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.