mint-flutter-dev

Streamlines Flutter/Dart app development for Mint mobile with GoRouter and Provider.

Updated Jan 25, 2026
One-click install
npx skills add https://github.com/MINT-IA/MINT --skill mint-flutter-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mint-flutter-dev
Source: https://github.com/MINT-IA/MINT/tree/main/.claude/skills/mint-flutter-dev
Command: npx skills add https://github.com/MINT-IA/MINT --skill mint-flutter-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a clear, production-ready set of rules and checklists to avoid fragmentation and bugs when implementing Flutter screens, widgets, simulators, and feature wiring inside the MINT mobile codebase, ensuring consistency with project conventions and preventing accidental changes to backend services.

Core Features & Use Cases

  • Enforces working only inside apps/mobile/ and never touching services/backend/.
  • Prescribes GoRouter navigation patterns, Provider state management, and mandatory use of the Mint UI kit and MintColors palette.
  • Includes checklists for new screens and simulators, testing patterns (widget tests, mocking SharedPreferences, viewport setup), and anti-bug discipline steps for tracing and validation.
  • Real-world use case: wire certificate extraction to CoachProfile persistence and trigger recalculation, or consolidate scattered retirement features into a single retirement cockpit using provided services and feature flags.

Quick Start

Open the apps/mobile/ directory, create a new screen following the New Screen Checklist, register its route in app.dart, use Mint UI components and MintColors, add at least one smoke test, then run flutter analyze and flutter test.

Frequently Asked Questions about mint-flutter-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a new Flutter screen in the MINT app without breaking existing conventions?

To create a new Flutter screen in the MINT app, open apps/mobile/, follow the New Screen Checklist, register the route in app.dart, use Mint UI components and MintColors, add a smoke test, then run flutter analyze and flutter test.

What state management and navigation patterns should I use for MINT mobile app development?

MINT mobile app development requires Provider for state management and GoRouter for navigation. You must also use the Mint UI kit and MintColors palette to ensure consistency across the Flutter codebase.

Does the MINT Flutter development workflow allow modifying backend services?

No, MINT Flutter development strictly enforces working only inside the apps/mobile/ directory and never touching services/backend/ to prevent fragmentation and bugs in the mobile codebase.

How do I test Flutter widgets and simulate profile persistence in the MINT app?

To test Flutter widgets and profile persistence in the MINT app, use widget tests with mocking for SharedPreferences and proper viewport setup, following the prescribed testing patterns and anti-bug discipline steps.

Can I consolidate scattered retirement dashboard features into a single view in Flutter?

Yes, you can consolidate scattered retirement features into a single retirement cockpit in Flutter by using provided services and feature flags within the apps/mobile/ directory.

Why does my MINT Flutter app fail linting checks during development?

Your MINT Flutter app fails linting because this development workflow enforces strict linting rules and requires running flutter analyze and flutter test to validate code before completing new screens or simulators.