Flutter UI & Asset Implementation Standard

This skill defines the STRICT rules for implementing UI and handling assets to ensure consistency and prevent errors.

1. Asset Management (CRITICAL)

Goal: Prevent "random string" filenames and ensure design fidelity.

• Rule 1.1: Rename on Ingestion: NEVER leave assets with raw Figma export names (e.g., mkl6t7hq...svg).
  • Action: You MUST rename assets to semantic snake_case names before using them.
  • Prefixes:
    • Icons: icon_<name>.svg (e.g., icon_user.svg, icon_back.svg)
    • Navigation: nav_<name>.svg (e.g., nav_home.svg)
    • Images: img_<name>.png
    • Backgrounds: bg_<name>.png
• Rule 1.2: Design Fidelity: ALWAYS use the provided SVG/PNG assets from the design.
  • FORBIDDEN: Do NOT substitute design assets with Flutter's built-in Icons.* unless explicitly requested or if the asset is missing.
• Rule 1.3: SvgPicture: Use flutter_svg package and SvgPicture.asset() for all vector icons.