Flutter Development

aj-geddes/useful-ai-prompts/skills/flutter-development

by aj-geddes3f5182cfd739No license355 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 7 months ago

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

Instructions onlySoftware Development

AI-generated overview

Guides building cross-platform Flutter and Dart mobile apps with widgets, state management, navigation and API integration.

What it does: Provides guidance for building Flutter mobile applications in Dart, covering widget composition, state management with Provider or BLoC, navigation, API integration and Material Design. It includes a quick-start example, reference guides on project structure, navigation and Provider-based state, plus a component template. It also lists best practices for performance, testing and responsive design.
When to use it: Use when building iOS and Android apps with Flutter, designing custom widget-based UIs, implementing animations, or setting up navigation and state management. Also suited to teams wanting consistent cross-platform UX and rapid iteration with hot reload.
Requirements: No scripts; instructions and reference documents only. The described projects need the Flutter SDK and Dart, with packages such as provider, http and go_router, and network access for API integration.

Overview

Create high-performance, visually stunning mobile applications using Flutter with Dart language. Master widget composition, state management patterns, navigation, and API integration.

When to Use

Building iOS and Android apps with native performance
Designing custom UIs with Flutter's widget system
Implementing complex animations and visual effects
Rapid app development with hot reload
Creating consistent UX across platforms

Quick Start

Minimal working example:

dart

// pubspec.yamlname: my_flutter_appversion: 1.0.0
dependencies:  flutter:    sdk: flutter  provider: ^6.0.0  http: ^1.1.0  go_router: ^12.0.0
// main.dart with GoRouter navigationimport 'package:flutter/material.dart';import 'package:go_router/go_router.dart';
void main() {  runApp(const MyApp());}
class MyApp extends StatelessWidget {  const MyApp({Key? key}) : super(key: key);
  @override  Widget build(BuildContext context) {    return MaterialApp.router(// ... (see reference guides for full implementation)

// pubspec.yamlname: my_flutter_appversion: 1.0.0
dependencies:  flutter:    sdk: flutter  provider: ^6.0.0  http: ^1.1.0  go_router: ^12.0.0
// main.dart with GoRouter navigationimport 'package:flutter/material.dart';import 'package:go_router/go_router.dart';
void main() {  runApp(const MyApp());}
class MyApp extends StatelessWidget {  const MyApp({Key? key}) : super(key: key);
  @override  Widget build(BuildContext context) {    return MaterialApp.router(// ... (see reference guides for full implementation)

Reference Guides

Detailed implementations in the references/ directory:

Guide	Contents
Project Structure & Navigation [blocked]	Project Structure & Navigation
State Management with Provider [blocked]	State Management with Provider
Screens with Provider Integration [blocked]	Screens with Provider Integration

Best Practices

✅ DO

Use widgets for every UI element
Implement proper state management
Use const constructors where possible
Dispose resources in state lifecycle
Test on multiple device sizes
Use meaningful widget names
Implement error handling
Use responsive design patterns
Test on both iOS and Android
Document custom widgets

❌ DON'T

Build entire screens in build() method
Use setState for complex state logic
Make network calls in build()
Ignore platform differences
Create overly nested widget trees
Hardcode strings
Ignore performance warnings
Skip testing
Forget to handle edge cases
Deploy without thorough testing

Source and attribution

Source:aj-geddes/useful-ai-promptsinskills/flutter-developmentat commit3f5182c

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal

Flutter Development

Flutter Development

Table of Contents

Overview

When to Use

Quick Start

Reference Guides

Best Practices

✅ DO

❌ DON'T

Source and attribution

More from aj-geddes/useful-ai-prompts

Xss Prevention

Wireframe Prototyping

Web Performance Optimization

Vue Application Structure

Visual Regression Testing

User Persona Creation

More in Software Development

Playground

M5 Onboard

Cardputer Buddy

Web Design Guidelines

Vercel React Native Skills

Vercel React Best Practices