Skip to content
Purview Dev logo

Documentation section: Guide

Guide — using astroc4

Preview Astroc4 Reviewed 2026-11-04 purview-dev/astroc4 Star on GitHub 1 architecture-as-code architecture-diagrams astro astro-integration bun c4-model documentation expressive-code likec4 shiki starlight starlight-plugin syntax-highlighting typescript

Everything you need to put diagrams on a page, then to shape them.

Page What it answers
Getting Started What do I type to see a diagram? Four files, then four ways to check it worked.
Fences The ```likec4 forms, their meta options, and what the errors mean.
Components <LikeC4View>: props, styling, the client islands behind it.
Syntax Highlighting How the grammar is fetched, derived, cached and validated — and how to pin it.
Icons Which icon ids resolve, and the one kind that cannot.
Internationalization The UI strings and how a site overrides them.
Configuration Reference Every option, default and environment variable.

The DSL itself is LikeC4’s language, not this package’s. When a model is being written — by you or by an agent — install LikeC4’s own skill with npx skills add https://likec4.dev/ and see Writing the model and LikeC4’s AI Tools page.

Back to the documentation index.