# Beck

site: /beck
canonical: /beck/llms.txt
generated: 2026-06-19 17:55 UTC
penningtonVersion: 0.1.4

- [Index](/beck/_llms/index.md)

## Introduction

### Tutorials

- [Your first diagram](/beck/_llms/docs/tutorials/first-diagram.md): Build a small system from nothing, one block at a time, live in the playground.
- [Author a diagram in C#](/beck/_llms/docs/tutorials/csharp.md): Generate a diagram from code with the fluent DiagramBuilder, then render the YAML it emits.

### Guides

- [Add Beck to your site](/beck/_llms/docs/guides/install.md): Install the package, include the engine, and wire your palette so diagrams match your site.
- [Add Beck to a Pennington site](/beck/_llms/docs/guides/pennington.md): Wire the engine into a Pennington DocSite or bare host, and adopt your MonorailCSS palette.
- [Style your nodes](/beck/_llms/docs/guides/nodes.md): Kinds, icons, accents, variants, links, and one-off colour overrides.
- [Connect and route edges](/beck/_llms/docs/guides/edges.md): Labels, semantic kinds, line style, curves, arrowheads, colour, and pinned sides.
- [Control the layout](/beck/_llms/docs/guides/layout.md): Direction, spacing, and pinning a node's rank or order when you need to.
- [Group related nodes](/beck/_llms/docs/guides/groups.md): Draw labelled boundaries, assign membership, and nest groups to any depth.
- [Match your theme and colours](/beck/_llms/docs/guides/theme.md): How diagrams adopt your palette, choosing a theme mode, and overriding tokens.
- [Animate the flow](/beck/_llms/docs/guides/flow.md): Script packets, bursts, status pills, and effects to tell a story with motion.
- [Generate diagrams from your code](/beck/_llms/docs/guides/generate.md): Build diagrams with the C# DiagramBuilder so they regenerate from your real model.

### Reference

- [YAML schema](/beck/_llms/docs/reference/yaml.md): Every key, value, and default in a Beck document — meta, nodes, groups, and edges.
- [Flow & animation](/beck/_llms/docs/reference/flow.md): The flow block, every step type, and the knobs that shape a travelling packet.
- [Visual reference](/beck/_llms/docs/reference/gallery.md): Every node kind, edge kind, accent, curve, and direction — pulled from the source and shown live.
- [Icons](/beck/_llms/docs/reference/icons.md): Every built-in icon key, rendered live from the engine's own registry.
- [Api](/beck/_llms/api.md)
- [Beck for LLMs — author diagrams from YAML](/beck/_llms/for-ai.md): A getting-started cheat-sheet for AI agents writing Beck diagrams — the document shape, every valid token, a worked example, and where to look the details up.
- [Playground](/beck/_llms/playground.md)
- [Syntax](/beck/_llms/syntax.md)