Loading repository data…
Loading repository data…
shammarafzal / repository
A community Claude Skill for Flutter mobile app development, Clean Architecture, Firebase, REST APIs, Laravel APIs, UI building, debugging, and publishing.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
A community Claude Skill for Flutter developers, freelancers, and agencies who want to plan, build, debug, review, and publish production-ready Flutter mobile apps faster.
This Skill helps Claude generate better Flutter guidance using feature-first Clean Architecture, scalable project structure, API integration patterns, Firebase workflows, Laravel backend support, responsive UI rules, debugging workflows, and publishing checklists.
Independent community project. Not affiliated with, sponsored by, or endorsed by Google, Flutter, Anthropic, or Claude.
AI-generated Flutter code often has the same problems:
This Skill gives Claude a stronger development workflow so it can produce cleaner, more production-friendly Flutter output.
This Skill uses Feature-First Clean Architecture as the default structure for professional Flutter apps.
lib/
├── main.dart
├── injection_container.dart
├── core/
│ ├── constants/
│ ├── error/
│ ├── network/
│ ├── storage/
│ ├── theme/
│ ├── usecases/
│ ├── utils/
│ └── widgets/
├── features/
│ └── feature_name/
│ ├── data/
│ │ ├── datasources/
│ │ ├── models/
│ │ └── repositories/
│ ├── domain/
│ │ ├── entities/
│ │ ├── repositories/
│ │ └── usecases/
│ └── presentation/
│ ├── bloc/ or cubit/ or providers/
│ ├── pages/
│ └── widgets/
└── shared/
└── widgets/
This structure is suitable for:
claude-flutter-mobile-app-development-skill/
├── README.md
├── LICENSE
├── CHANGELOG.md
├── CONTRIBUTING.md
├── THIRD_PARTY_NOTICES.md
├── .gitignore
├── examples/
├── assets/
└── skills/
└── flutter-mobile-app-development/
├── SKILL.md
├── README.md
├── resources/
├── templates/
├── checklists/
└── scripts/
skills/flutter-mobile-app-development/
├── SKILL.md
├── README.md
├── resources/
│ ├── official_flutter_skills_strategy.md
│ ├── clean_architecture_structure.md
│ ├── flutter_workflows.md
│ ├── state_management.md
│ ├── api_firebase_laravel.md
│ └── publishing_checklist.md
├── templates/
│ ├── dio_api_client.dart
│ ├── go_router_template.dart
│ ├── result_failure.dart
│ └── feature_readme_template.md
├── checklists/
│ └── flutter_app_review_checklist.md
└── scripts/
└── scaffold_flutter_feature.py
Build a Flutter app architecture for a food delivery app with Laravel backend.
Create a feature-first Clean Architecture auth module using Cubit, Dio, and Laravel API.
Convert this mobile app screen into Flutter UI with responsive layout.
Review my Flutter project structure and tell me what to fix.
Fix this RenderFlex overflow error in my Flutter screen.
Add a Dio API client with token interceptor and error handling.
Prepare my Flutter app for Play Store release.
flutter-mobile-app-development
Correct Claude Skill ZIP structure:
flutter-mobile-app-development.zip
└── flutter-mobile-app-development/
├── SKILL.md
├── resources/
├── templates/
├── checklists/
└── scripts/
npx skillsInstall this Skill directly from GitHub into your project:
npx skills add shammarafzal/claude-flutter-mobile-app-development-skill --skill flutter-mobile-app-development --agent universal --yes
Install it specifically for Claude Code:
npx skills add shammarafzal/claude-flutter-mobile-app-development-skill --skill flutter-mobile-app-development --agent claude-code --yes
List the Skills detected in this repository:
npx skills add shammarafzal/claude-flutter-mobile-app-development-skill --list
Install all Skills from this repository:
npx skills add shammarafzal/claude-flutter-mobile-app-development-skill --skill '*' --agent universal --yes
For Flutter projects, you can also install the official Flutter and Dart agent skills:
npx skills add flutter/skills --skill '*' --agent universal --yes
npx skills add dart-lang/skills --skill '*' --agent universal --yes
--agent universal installs to the shared .agents/skills/ location.--agent claude-code installs to Claude Code's .claude/skills/ location.skills/flutter-mobile-app-development/.SKILL.md files with name and description frontmatter.Place the flutter-mobile-app-development folder inside your Claude Code Skills directory.
For Flutter projects, you can also install the official Flutter and Dart agent skills:
npx skills add flutter/skills --skill '*' --agent universal --yes
npx skills add dart-lang/skills --skill '*' --agent universal --yes
This community Skill works well as a higher-level mobile app development workflow on top of official Flutter/Dart task-specific skills.
This Skill includes a helper script to generate a feature-first Clean Architecture module.
python skills/flutter-mobile-app-development/scripts/scaffold_flutter_feature.py auth
With Cubit:
python skills/flutter-mobile-app-development/scripts/scaffold_flutter_feature.py orders --state cubit
This Skill is useful for:
This is an independent community Claude Skill for Flutter mobile app development.
It is inspired by the official Flutter Agent Skills project, but it is not affiliated with, sponsored by, or endorsed by Google, Flutter, Anthropic, or Claude.
Flutter is a trademark of Google LLC. Claude is a product of Anthropic.
MIT License
If you copy or include direct content from third-party repositories, make sure to include their original license notices in THIRD_PARTY_NOTICES.md.