mobile-flutter-project-setup

Create Flutter projects with feature-first architecture, linting, and base packages.

2|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-flutter-project-setup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-flutter-project-setup
Source: https://github.com/TMHSDigital/Mobile-App-Developer-Tools/tree/main/skills/mobile-flutter-project-setup
Command: npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-flutter-project-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a reproducible workflow to initialize a new Flutter mobile application with a maintainable feature-first structure, strict linting, recommended packages, and optional flavors so developers avoid common setup mistakes and inconsistent toolchains.

Core Features & Use Cases

  • Project creation: Guidance for flutter create with empty templates and platform selection to bootstrap apps for iOS and Android.
  • Architecture: Recommended feature-first lib/ layout with core, features, and shared modules to keep code organized as the app grows.
  • Tooling & Lints: A strict analysis_options.yaml and dev dependency suggestions to enforce code quality and consistent formatting.
  • Packages & Codegen: Instructions for adding navigation, state management, and codegen packages (go_router, riverpod, freezed, json_serializable) and running build_runner.
  • Flavors & IDE: Flavor entry points and VS Code settings to run environment-specific builds and maintain consistent developer workflows.

Quick Start

Create a new Flutter app named my_app for iOS and Android with a feature-first lib layout, analysis_options, go_router, riverpod, and freezed configured.

Frequently Asked Questions about mobile-flutter-project-setup

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

FAQPage Schema
How do I set up a new Flutter project with a feature-first architecture?▼

A Flutter project setup workflow initializes your app using the flutter create command with an empty template. It then configures a feature-first lib/ layout containing core, features, and shared modules to keep code organized as the app grows.

What packages should I include for Flutter state management and navigation?▼

For Flutter state management and navigation, include go_router for navigation and riverpod for state management. These recommended base packages provide a maintainable structure and robust routing for production-ready mobile iOS and Android apps.

How do I configure environment flavors in a Flutter application?▼

Configuring environment flavors in a Flutter application involves defining flavor entry points and applying specific VS Code settings. This setup allows developers to run and manage environment-specific builds consistently across iOS and Android platforms.

Does this Flutter setup include code generation steps for models?▼

Yes, this Flutter setup includes code generation steps by adding freezed and json_serializable packages. It provides instructions for running build_runner to automate data class generation and ensure consistent model serialization.

Do I need the Flutter SDK installed before initializing a project scaffold?▼

Yes, you need the Flutter SDK installed on your system before initializing a project scaffold. The setup process validates Flutter SDK presence and recommends an analysis_options.yaml file to enforce strict linting and code quality.

What is the best way to enforce consistent code formatting in a new Flutter app?▼

The best way to enforce consistent code formatting in a new Flutter app is by applying a strict analysis_options.yaml file alongside suggested dev dependencies. This reproducible workflow prevents common setup mistakes and inconsistent tooling.