Architecture documentation
generated by coding agents.

A file-based format for multi-level architecture diagrams. Your coding agent writes plain JSON and Markdown to ./architecture. A local viewer renders it in your browser.

terminal
bash
$ npx skills add tecture-io/tecture-skill
View on GitHub→MIT licensed · tecture-io/tecture
architecture/manifest.json
{
  "name": "Tecture IO",
  "topDiagram": "system-context",
  "diagrams": [
    "system-context",
    "containers",
    "components-api",
    "components-web"
  ]
}
system-context · renderedlevel 01
viewswritesreads/writesDeveloperpersonTecturesystemCoding agentexternal./architecturerepo files
How to use it

Three steps. Ordinary files.

  1. 01

    Install the skill

    One command, in your project. Works with Claude Code, Cursor, Copilot, Cline, or any agent that follows the open SKILL.md standard.

    terminal
    bash
    $ npx skills add tecture-io/tecture-skill
  2. 02

    Ask your agent to document

    The agent walks the repo and writes plain JSON + Markdown to ./architecture. You review the diff like any other change.

    prompt
    agent
    › Document this codebase architecture using tecture
  3. 03

    Render it

    Start the viewer locally. A single process serves an interactive, drill-down explorer at http://localhost:3000.

    terminal
    bash
    $ npx @tecture/core