Develop — Get Started

mandatory

Cross-platform onboarding index para `kds.koder.dev/get-started/`. Lista 6 surfaces (Flutter / Compose / SwiftUI / Web / XR preview / Wear preview), decision tree "qual surface?", quickstart copy-paste por surface, cross-link com koder-app/behaviors.kmd.

Spec — Develop / Get Started

Index curto onboarding cross~~platform. Renderizado em `kds.koder.dev/get~~started/viatools/design-gen#013` (ticket pending). Esta spec define o contrato do conteúdo; design-gen ticket cobre a renderização.

R1 — Six canonical surfaces

#	Surface	Tech stack	Spec
1	lutter	Dart + Flutter SDK + `koder_kit` package	per-product Flutter spec; widgets em `koder_kit/lib

}, bottomSlot = { KoderEdgeButton(...) }, ) }


## R4 — Cross-link com behaviors.kmd

Every surface MUST ratify [`koder-app/behaviors.kmd`](../koder-app/behaviors.kmd):

| Behavior | Apply how |
|---|---|
| §1 Login / sign-in | Use `KoderSignInButton` (Flutter) / `KoderSignIn` (Compose) / equivalent |
| §4 Auto-update | Settings toggle ON default; OS-native updater |
| §9 i18n | `KoderL10n` (Flutter) / `LocalizedString` (Compose) / `String(localized:)` (SwiftUI) |
| Errors (`errors/user-facing-messages.kmd`) | `KoderErrorBanner` + structured `KoderError` |
| Updates (`koder-app/behaviors.kmd §4`) | `KoderUpdateBanner` |

## R5 — i18n

| Key | en-US | pt-BR |
|---|---|---|
| `get_started.title` | "Get Started" | "Comece" |
| `get_started.subtitle` | "Build with the Koder Design System" | "Construa com o Koder Design System" |
| `get_started.cta.quickstart` | "Quickstart" | "Início rápido" |
| `get_started.surface.flutter` | "Flutter" | "Flutter" |
| `get_started.surface.compose` | "Compose Android" | "Compose Android" |
| `get_started.surface.swiftui` | "SwiftUI iOS" | "SwiftUI iOS" |
| `get_started.surface.web` | "Web" | "Web" |
| `get_started.surface.xr` | "XR preview" | "XR (prévia)" |
| `get_started.surface.wear` | "Wear preview" | "Wear (prévia)" |
| `get_started.decision.title` | "Which surface should I use?" | "Qual plataforma usar?" |

## R6 — Surface bindings (rendering)

Renderização gerenciada por `tools/design-gen#013` (página `/get-started/`).
Esta spec é o conteúdo source; design-gen ticket cobre tabs por surface,
copy-paste code blocks, decision-tree component.

## T-suite

Foundation-level — verified at content level:

- **T1** All 6 surfaces listed in R1.
- **T2** Decision tree (R2) covers all canonical form factors.
- **T3** Quickstart per surface (R3) is copy-paste-runnable.
- **T4** Cross-link com `behaviors.kmd` (R4) actionable.
- **T5** i18n (R5) baseline en-US + pt-BR.

(T-suite por widget vive nas surface specs individuais.)

## Cross-link

- Surface specs: `specs/develop