Skip to content

The field manual

Guides

Ten calm, server-rendered guides for expressive interfaces—from installation and theming through accessibility, performance, and local AI handoff.

  1. 01

    Installation

    Choose the right Scout UI package and integrate its public alpha contract without widening client boundaries.

    4 sections
  2. 02

    Theming with CSS variables

    Remap Scout UI's paper, night, accents, typography, focus, and component hooks with plain CSS.

    4 sections
  3. 03

    Sticker asset authoring

    Author safe, optically balanced sticker definitions with auditable provenance and accurate public imports.

    5 sections
  4. 04

    SSR and Next.js

    Use Scout UI's mixed server/client leaf architecture safely in the Next.js App Router.

    4 sections
  5. 05

    Motion and reduced motion

    Apply Scout UI motion as bounded feedback with coarse-pointer and reduced-motion fallbacks.

    4 sections
  6. 06

    Accessibility

    Understand Scout UI's native semantics, focus, drag alternatives, artwork policy, and current verification boundary.

    5 sections
  7. 07

    Performance and cleanup

    Understand bounded pools, frame-coalesced pointer work, cleanup, visibility handling, and bundle boundaries.

    5 sections
  8. 08

    Code and AI handoff

    Use deterministic Copy Code and configuration-aware Copy AI Prompt without sending project data anywhere.

    4 sections
  9. 09

    Contributing

    Choose a Scout UI contribution path and follow the repository's canonical code, accessibility, docs, and artwork policies.

    4 sections
  10. 10

    Migration during alpha

    Understand Scout UI's v0.1 alpha API freeze and how future breaking changes will be communicated.

    4 sections