Shared instructions: shared-instructions.md — read first.

Design System

Source of truth for every screen built in a Power Apps mobile app. Produces three artifacts:

brand/design-system.md — full spec (palette, typography, spacing, components, negatives)
brand/tokens.ts — importable Tamagui token export
brand/design-system.html — deterministic visual gallery (zero LLM cost)

Design-system and Tamagui integration are complementary, not alternatives. /design-system owns user-facing brand/design decisions and preview artifacts; /create-mobile-app Step 9b applies references/tamagui-integration.md as internal implementation plumbing so those decisions become Tamagui tokens, aliases, and provider props. The old separate tamagui-design-system skill existed before this split was clear; keeping it separate made users choose implementation details and added prompt surface. Do not reintroduce it as a user-invocable skill.

When to use

Step 6.5 — auto-invoked from /create-mobile-app after scaffold + npx power-apps init, before screen builders
Standalone — /design-system callable any time to create or refresh a brand system
Refresh — /design-system --refresh <dimension> to change one aspect
Reskin — /design-system --reskin for full visual layer swap
Dark mode — /design-system --add-dark-mode to derive + wire dark theme