flutter-developer

Provide Flutter development guidance and coding assistance across platforms.

1|Updated Oct 13, 2025
One-click install
npx skills add https://github.com/RIMTHAN-LAB/rimthan-plugins --skill flutter-developer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-developer
Source: https://github.com/RIMTHAN-LAB/rimthan-plugins/tree/main/flutter/skills/flutter-developer
Command: npx skills add https://github.com/RIMTHAN-LAB/rimthan-plugins --skill flutter-developer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams accelerate Flutter development by providing expert guidance on architecture, widgets, patterns, performance, and best practices, reducing guesswork and preventing common pitfalls.

Core Features & Use Cases

  • Widget Composition & Clean Architecture: Guidance on structuring code, reusability, and making widgets testable.
  • Performance & Optimization: Tips to minimize rebuilds, use const, and profile with DevTools.
  • Project Setup & Platform Integration: Advice on routing, platform-specific code, responsive design, and project conventions.
  • Best Practices & Real-world Examples: Guidance across the Flutter 3.x+ ecosystem and modern patterns.

Quick Start

Create a new Flutter project and scaffold a clean architecture: lib/core, lib/features, lib/shared, and main.dart; wire up Dio, Hive, flutter_secure_storage, and easy_localization per guidelines; then implement a sample feature with a Bloc/Provider/Notifer as appropriate.

Frequently Asked Questions about flutter-developer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a Flutter app with clean architecture?

Clean architecture in Flutter organizes code into lib/core, lib/features, and lib/shared directories, separating concerns and improving testability. Structure features by domain, isolate business logic from UI, and use dependency injection to manage dependencies across layers.

What's the best way to handle state management in Flutter?

State management in Flutter depends on complexity: use Provider for simple cases, Bloc for medium-scale apps, or Riverpod for advanced patterns. Choose based on your project size and team familiarity; all three integrate well with clean architecture.

How do I optimize Flutter app performance and reduce rebuilds?

Minimize rebuilds by using const constructors, separating state into focused providers or blocs, and profiling with DevTools. Profile memory and frame rates regularly, avoid rebuilding entire widget trees, and use ListView.builder for large lists.

Can I build Flutter apps for web and desktop alongside mobile?

Flutter supports cross-platform development for mobile, web, and desktop from a single codebase. Use platform-specific code conditionally, adapt responsive layouts per target, and test each platform's performance and UI rendering separately.

How do I handle secure data storage and HTTP requests in Flutter?

Use flutter_secure_storage for sensitive credentials, Hive for non-sensitive local data, and Dio for HTTP requests with interceptors. Configure encryption, handle errors gracefully, and validate API responses before storing or displaying data.

Why should I use Freezed for data models in Flutter?

Freezed generates immutable data classes with copy, equality, and serialization support, reducing boilerplate and preventing bugs from mutable state. It works seamlessly with code generation tools and integrates with clean architecture patterns for type-safe models.