design-system

1> **Plugin check**: Run `node "${PLUGIN_ROOT}/scripts/check-version.js"` - if it outputs a message, show it to the user before proceeding.
2 
3**Shared instructions: [shared-instructions.md](../../shared/shared-instructions.md)** — read first.
4 
5# Design System
6 
7**Entry routing:** use the shared [App feature entry points](../../shared/shared-instructions.md#app-feature-entry-points)
8preflight before the workflow below.
9 
10Before reading brand state, bind `working_dir` through
11[app-working-directory.md](../../shared/references/app-working-directory.md).
12Use that root for every shell call and absolute file-tool path, including
13history, rollback, previews, and runtime wiring in the referenced workflows.
14 
15Read-only `--history` / `--diff` and standalone brand generation without an app
16remain here.
17 
18Source of truth for every screen built in a Power Apps mobile app. Produces three artifacts:
19 
201. `brand/design-system.md` — full spec (palette, typography, spacing, components, negatives)
212. `brand/tokens.ts` — importable Tamagui token export
223. `brand/design-system.html` — deterministic visual gallery (zero LLM cost)
23…