Skip to content

Architecture model toolkit

Tools for documenting software architecture as a LikeC4 model, with a documentation site generated from it. This site is built with them: its pages, diagrams and tables come from a model of the toolkit itself.

Terminal window
npm create @architecture-model my-architecture

See Start a repository for what that gives you.

NameTechnologyDescriptionTags
TemplateAstro Starlight, LikeC4The architecture repository that every project starts from: model, documentation site, arc42 and ADRs.
GeneratorNode.jsCopies the template and writes the project name and description into it.
Editable metadataAstro integrationShows element metadata in pages and lets the dev server edit it in place.
Claude Code pluginClaude Code skillsSkills that teach coding agents to work in an architecture repository.
SourceTargetLabelTechnology
ArchitectGeneratorCreates a repository with
ArchitectTemplateWrites the model and pages in
ArchitectEditable metadataEdits metadata with
ArchitectClaude Code pluginDelegates edits to agents with
Generatornpm registryIs installed from
Editable metadatanpm registryIs installed from
TemplateGitHub PagesIs published to

Their package, lifecycle and languages are metadata in the model, shown with the editable metadata addon:

NamePackageLifecycleWritten in
TemplateproductionMDX, LikeC4, TypeScript
Generator@architecture-model/createproductionJavaScript
Editable metadata@architecture-model/editable-metadataexperimentalJavaScript, Astro
Claude Code pluginexperimentalMarkdown
DecisionStatusDate
1. Record architecture decisionsAccepted2026-05-12