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.