UI

Implement Presentation Layer

Implement Flutter UI using the project's design system and shared screen-state patterns.

Workflow

1. Confirm the screen or feature scope and identify the relevant existing UI patterns.
2. Reuse design-system components instead of raw material or cupertino widgets.
3. If local presentation state is needed, keep it in hooks.
4. Apply the project's shared loading and error patterns for the relevant scenario.
5. Keep user-facing text in the project's localization setup and resolve it in the presentation layer.
6. If shared UI is needed, place it in the app design system rather than common.
7. Before finishing, verify the work against the practical checklist in reference.md (alongside this skill).

Guardrails

• Follow the existing project design system instead of introducing parallel UI primitives.
• Reuse the project's loading and error patterns instead of one-off screen-specific variants.
• Route state-management work to flutter-bloc and localization setup work to flutter-localization.