📦

flutter-expert

Name: flutter-expert
Author: Jeffallan

Seguro

Criar aplicativos Flutter multiplataforma

También disponible en: sickn33

Desenvolver aplicativos móveis para iOS, Android e web requer expertise profunda em Flutter, gerenciamento de estado e implementações específicas de plataforma. Esta habilidade oferece diretrizes completas para desenvolvimento Flutter 3+ com padrões Riverpod, Bloc e GoRouter.

Soporta: Claude Codex Code(CC)

🥉 72 Bronce

Descargar el ZIP de la skill

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

Activa y empieza a usar

Pruébalo

Usando "flutter-expert". Create a Riverpod Notifier for a todo list with add, toggle, and remove functionality

Resultado esperado:

A complete Dart file with @riverpod TodoList class extending StateNotifier<List<Todo>>
Methods for add, toggle, and remove with proper state updates
Example usage in a ConsumerWidget with ref.watch and ref.read
Type-safe state management following Riverpod 2.0 patterns

Usando "flutter-expert". Set up GoRouter with auth guard and deep linking

Resultado esperado:

GoRouter configuration with initialLocation and redirect handler
AuthBloc integration in redirect to check authentication state
Route parameters for deep linking (e.g., /details/:id)
ShellRoute for persistent bottom navigation

Auditoría de seguridad

Seguro

v1 • 2/7/2026

This skill is a documentation/reference skill for Flutter development. Static scanner flagged 88 external_command patterns and 1 network pattern, but all findings are FALSE POSITIVES. The scanner misidentified Dart code blocks and CLI command documentation examples as shell execution. No actual security risks exist. All content is legitimate Flutter/Dart documentation with no prompt injection attempts.

Archivos escaneados

937

Líneas analizadas

hallazgos

Auditorías totales

No se encontraron problemas de seguridad

Auditado por: claude

Puntuación de calidad

Arquitectura

100

Mantenibilidad

Contenido

Comunidad

100

Seguridad

Cumplimiento de la especificación

Lo que puedes crear

Desenvolvedor móvel construindo novo app Flutter

Obtenha diretrizes sobre como configurar a estrutura do projeto, escolher abordagem de gerenciamento de estado e implementar widgets principais seguindo as melhores práticas do Flutter.

Engenheiro Flutter experiente otimizando desempenho

Aprenda técnicas de otimização de desempenho, incluindo widgets const, reconstrução seletiva, uso de RepaintBoundary e perfis DevTools.

Desenvolvedor full-stack adicionando Flutter à stack

Entenda padrões e arquitetura do Flutter para integrar com serviços de backend existentes e implementar recursos multiplataforma.

Prueba estos prompts

Criar uma nova tela Flutter

Create a Flutter screen with Riverpod state management that displays a list of items from an API. Include error handling, loading states, and pull-to-refresh functionality.

Implementar fluxo de autenticação

Design a Bloc-based authentication flow with login, logout, and protected routes using GoRouter with auth redirect. Include session management and error states.

Otimizar reconstruções de widget

Review this Flutter widget and optimize unnecessary rebuilds. Show how to use const constructors, RepaintBoundary, and selective provider watching with select().

Configurar estrutura de projeto

Create a clean Flutter project structure for a medium-sized app. Include feature-based directory organization, dependency injection setup, and routing configuration.

Mejores prácticas

Use const constructors on all static widgets to minimize rebuild overhead
Choose Riverpod for simple state and Bloc for complex event-driven workflows
Profile with DevTools before optimizing - measure, do not guess
Separate UI and business logic using proper state management patterns

Evitar

Building widgets inside build() methods - extract to const constructors
Using setState for app-wide state - use Riverpod providers instead
Skipping keys on list items - causes performance and animation issues
Blocking UI thread with heavy computation - use compute() and isolates

Preguntas frecuentes

When should I use Riverpod vs Bloc?

Use Riverpod for simple to moderate state management needs, particularly with reactive patterns. Use Bloc when you need explicit event-driven state transitions, complex business logic, or highly testable flows. Riverpod is generally simpler to set up.

How do I optimize Flutter app performance?

Use const constructors everywhere possible, implement keys on list items, use ref.watch with select() for selective rebuilding, wrap expensive widgets in RepaintBoundary, and use ListView.builder for long lists. Always profile with DevTools first.

What is the recommended project structure?

Use feature-based organization with folders for features, core services, shared widgets, and DI. Separate models, providers, and widgets within each feature. Avoid god files and keep widgets small and focused.

How do I implement deep linking in Flutter?

Use GoRouter with path parameters (e.g., /details/:id). Configure platform-specific intent filters in AndroidManifest.xml and Info.plist. Test with flutter run and use uni_links package for handling incoming links.

How do I test Flutter widgets and state?

Use flutter_test for widget tests with pumpWidget and find.byType. Test providers by reading values directly. Test Blocs using bloc_test package with expect() assertions on states.

What are const constructors and why use them?

Const constructors create compile-time constant widgets that Flutter can reuse across rebuilds. They prevent unnecessary widget recreation, reducing rebuild overhead and improving performance. Always use const on static widgets.