Crear aplicaciones móviles para iOS, Android y web requiere experiencia profunda en Flutter, gestión de estado e implementaciones específicas de plataforma. Esta habilidad proporciona orientación completa para el desarrollo con Flutter 3+ usando patrones de Riverpod, Bloc y GoRouter.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"flutter-expert" 사용 중입니다. Crear un Riverpod Notifier para lista de tareas con funcionalidad de agregar, alternar y eliminar
예상 결과:
- Un archivo Dart completo con clase @riverpod TodoList extendiendo StateNotifier<List<Todo>>
- Métodos para agregar, alternar y eliminar con actualizaciones de estado adecuadas
- Ejemplo de uso en un ConsumerWidget con ref.watch y ref.read
- Gestión de estado tipada siguiendo patrones Riverpod 2.0
"flutter-expert" 사용 중입니다. Configurar GoRouter con guardia de autenticación y enlaces profundos
예상 결과:
- Configuración de GoRouter con initialLocation y manejador de redirección
- Integración de AuthBloc en redirección para verificar estado de autenticación
- Parámetros de ruta para enlaces profundos (por ejemplo, /details/:id)
- ShellRoute para navegación inferior persistente
보안 감사
안전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.
품질 점수
만들 수 있는 것
Desarrollador móvil creando nueva aplicación Flutter
Obtén orientación sobre configuración de estructura de proyecto, elección de enfoque de gestión de estado e implementación de widgets centrales siguiendo mejores prácticas de Flutter.
Ingeniero Flutter experimentado optimizando rendimiento
Aprende técnicas de optimización de rendimiento incluyendo widgets const, reconstrucción selectiva, uso de RepaintBoundary y perfilado DevTools.
Desarrollador full-stack añadiendo Flutter al stack
Comprende patrones y arquitectura de Flutter para integrarse con servicios backend existentes e implementar características multiplataforma.
이 프롬프트를 사용해 보세요
Crea una pantalla Flutter con gestión de estado Riverpod que muestre una lista de elementos desde una API. Incluye manejo de errores, estados de carga y funcionalidad de pull-to-refresh.
Diseña un flujo de autenticación basado en Bloc con inicio de sesión, cierre de sesión y rutas protegidas usando GoRouter con redirección de autenticación. Incluye gestión de sesiones y estados de error.
Revisa este widget Flutter y optimiza las reconstrucciones innecesarias. Muestra cómo usar constructores const, RepaintBoundary y observación selectiva de proveedores con select().
Crea una estructura de proyecto Flutter limpia para una aplicación de tamaño mediano. Incluye organización de directorios basada en características, configuración de inyección de dependencias y configuración de enrutamiento.
모범 사례
- Usar constructores const en todos los widgets estáticos para minimizar sobrecarga de reconstrucción
- Elegir Riverpod para estado simple y Bloc para flujos complejos impulsados por eventos
- Perfila con DevTools antes de optimizar - mide, no adivines
- Separar lógica de UI y de negocio usando patrones adecuados de gestión de estado
피하기
- Construir widgets dentro de métodos build() - extraer a constructores const
- Usar setState para estado de toda la aplicación - usar proveedores Riverpod en su lugar
- Omitir claves en elementos de lista - causa problemas de rendimiento y animación
- Bloquear hilo de UI con cómputo pesado - usar compute() e isolates