ui
Installation
SKILL.md
Implement Presentation Layer
Implement Flutter UI using the project's design system and shared screen-state patterns.
Workflow
- Confirm the screen or feature scope and identify the relevant existing UI patterns.
- Reuse design-system components instead of raw
materialorcupertinowidgets. - If local presentation state is needed, keep it in hooks.
- Apply the project's shared loading and error patterns for the relevant scenario.
- Keep user-facing text in the project's localization setup and resolve it in the presentation layer.
- If shared UI is needed, place it in the app design system rather than
common. - 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-blocand localization setup work toflutter-localization.