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.
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
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/flutter-app-builder/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How flutter-app-builder Compares
| Feature / Agent | flutter-app-builder | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/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
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
全栈开发工程师技能包,负责根据产品需求文档和原型图实现功能代码。涵盖技术栈选择、项目初始化、功能实现、代码质量控制和功能验证。
custom-plugin-flutter-skill-backend
1500+ lines of backend integration mastery - REST APIs, GraphQL, WebSockets, authentication, Firebase, error handling with production-ready code examples.
config-builder
Creates new KrakenD configurations with best practices, proper structure, and edition-appropriate features
claude-agent-sdk-builder
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
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
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
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
Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.
android-notification-builder
Эксперт Android notifications. Используй для push notifications, channels и notification patterns.
amplifier-modulebuilder-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
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.