flutter-app-builder

Complete Flutter mobile app development from initial setup through App Store deployment. Use when building Flutter apps, adding features (authentication, databases, APIs), implementing security, or preparing apps for production release. Includes project templates, architecture patterns, and deployment guidance.

16 stars

Best use case

flutter-app-builder is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Complete Flutter mobile app development from initial setup through App Store deployment. Use when building Flutter apps, adding features (authentication, databases, APIs), implementing security, or preparing apps for production release. Includes project templates, architecture patterns, and deployment guidance.

Teams using flutter-app-builder should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/flutter-app-builder/SKILL.md --create-dirs "https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/main/skills/development/flutter-app-builder/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/flutter-app-builder/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How flutter-app-builder Compares

Feature / Agentflutter-app-builderStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Complete Flutter mobile app development from initial setup through App Store deployment. Use when building Flutter apps, adding features (authentication, databases, APIs), implementing security, or preparing apps for production release. Includes project templates, architecture patterns, and deployment guidance.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Flutter App Builder

Build production-ready Flutter apps with authentication, databases, and security features ready for App Store deployment.

## Development workflow

1. **Initialize project** - Create Flutter project structure with proper architecture
2. **Implement core features** - Add authentication, database, state management
3. **Add security** - Implement secure storage, API security, data encryption
4. **Prepare for deployment** - Configure app signing, store listings, build releases
5. **Deploy** - Submit to App Store and Google Play

## Project initialization

Start by copying the base template from `assets/flutter-template/` to create a well-structured Flutter project:

```bash
cp -r assets/flutter-template/ <project-name>
cd <project-name>
flutter pub get
```

The template includes:
- Clean architecture with feature-based organization
- State management setup (Provider/Riverpod)
- Navigation structure
- Theme configuration
- Common utilities

## Core feature implementation

### Authentication

For authentication patterns and implementation guides, see `references/authentication.md`.

Common patterns:
- **Firebase Auth**: Email/password, Google Sign-In, Apple Sign-In
- **Supabase Auth**: Similar to Firebase with PostgreSQL backend
- **Custom backend**: JWT tokens with secure storage

### Database integration

For database setup and patterns, see `references/database.md`.

Options:
- **Firebase Firestore**: Real-time NoSQL, good for most apps
- **Supabase**: PostgreSQL with real-time features
- **SQLite**: Local-first apps with offline support
- **Hive/Isar**: Fast local storage for Flutter

### State management

The template uses Provider by default. For complex apps, consider:
- **Riverpod**: Modern, compile-safe Provider
- **Bloc**: Structured state management with events
- **GetX**: All-in-one solution (state + routing + dependencies)

See `references/state-management.md` for implementation patterns.

## Security implementation

CRITICAL security practices:

1. **Secure storage**: Never store sensitive data in SharedPreferences
   - Use `flutter_secure_storage` for tokens, API keys
   - See `references/security.md` for patterns

2. **API security**: 
   - Use HTTPS only
   - Implement certificate pinning for sensitive apps
   - Store API keys in environment variables, not code

3. **Data encryption**:
   - Encrypt sensitive local data
   - Use encrypted databases for sensitive information

4. **Input validation**:
   - Validate all user inputs
   - Sanitize data before database operations

Full security checklist in `references/security.md`.

## App Store deployment

### Pre-deployment checklist

1. **Update app metadata**:
   - App name, version, build number
   - Bundle identifier (iOS) / Application ID (Android)
   - Icons and splash screens

2. **Configure signing**:
   - iOS: Generate certificates, provisioning profiles
   - Android: Generate signing keystore
   - See `references/deployment.md` for step-by-step

3. **Test thoroughly**:
   - Run on real devices (iOS and Android)
   - Test all features, especially authentication flows
   - Check performance and memory usage

4. **Build release versions**:
   ```bash
   flutter build ios --release
   flutter build appbundle --release
   ```

### Store submission

Complete submission guides in `references/deployment.md`:
- App Store Connect configuration
- Google Play Console setup
- Screenshots, descriptions, privacy policies
- Review guidelines compliance

## Testing and debugging

Use these scripts for common development tasks:

```bash
# Run with hot reload
flutter run

# Run tests
flutter test

# Analyze code quality
flutter analyze

# Check for outdated packages
flutter pub outdated
```

## Common patterns and solutions

For frequently needed implementations:
- **Push notifications**: See `references/features.md`
- **In-app purchases**: See `references/features.md`
- **Location services**: See `references/features.md`
- **Camera and image handling**: See `references/features.md`
- **API integration**: See `references/api-integration.md`

## Troubleshooting

Common issues and solutions in `references/troubleshooting.md`.

Related Skills

flutter-expert

16
from diegosouzapw/awesome-omni-skill

Master Flutter development with Dart 3, advanced widgets, and multi-platform deployment. Handles state management, animations, testing, and performance optimization for mobile, web, desktop, and embedded platforms. Use PROACTIVELY for Flutter architecture, UI implementation, or cross-platform features.

dev-builder

16
from diegosouzapw/awesome-omni-skill

全栈开发工程师技能包,负责根据产品需求文档和原型图实现功能代码。涵盖技术栈选择、项目初始化、功能实现、代码质量控制和功能验证。

custom-plugin-flutter-skill-backend

16
from diegosouzapw/awesome-omni-skill

1500+ lines of backend integration mastery - REST APIs, GraphQL, WebSockets, authentication, Firebase, error handling with production-ready code examples.

config-builder

16
from diegosouzapw/awesome-omni-skill

Creates new KrakenD configurations with best practices, proper structure, and edition-appropriate features

claude-agent-sdk-builder

16
from diegosouzapw/awesome-omni-skill

Guide for building agents with the Claude Agent SDK (TypeScript/Node.js). Use when creating SDK-based agents, custom tools, in-code subagents, or production agent applications. Provides templates, patterns, and best practices for agent development.

chatgpt-app-builder

16
from diegosouzapw/awesome-omni-skill

Build ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK. Use when creating ChatGPT apps, building MCP servers with widgets, defining React widgets, working with Apps SDK, or when user mentions ChatGPT widgets, mcp-use widgets, or Apps SDK development.

awesome:web-artifacts-builder

16
from diegosouzapw/awesome-omni-skill

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

artifacts-builder

16
from diegosouzapw/awesome-omni-skill

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

app-builder

16
from diegosouzapw/awesome-omni-skill

Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.

android-notification-builder

16
from diegosouzapw/awesome-omni-skill

Эксперт Android notifications. Используй для push notifications, channels и notification patterns.

amplifier-modulebuilder-skill

16
from diegosouzapw/awesome-omni-skill

Build amplifier-foundation modules using "bricks and studs" architecture. Covers tool, hook, provider, context, and orchestrator modules with testing, publishing, and best practices.

ai-native-builder-workflow

16
from diegosouzapw/awesome-omni-skill

A complete end-to-end framework for non-technical product managers to build and ship software using AI coding agents. Use this when starting a side project, building a prototype, or automating internal tools without an engineering team.