flutter

Build production Flutter apps with Clean Architecture, Riverpod, and GoRouter.

110|14|Updated May 12, 2026
One-click install
npx skills add https://github.com/EliasOulkadi/shokunin --skill flutter-eliasoulkadi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter
Source: https://github.com/EliasOulkadi/shokunin/tree/main/.pack/skills/flutter
Command: npx skills add https://github.com/EliasOulkadi/shokunin --skill flutter-eliasoulkadi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the challenge of building and maintaining production-grade Flutter apps without messy architecture, brittle state, inconsistent navigation, or unreliable platform integrations—especially when teams need clear, repeatable engineering patterns.

Core Features & Use Cases

  • Clean Architecture foundation: Separate domain/data/presentation with zero-Flutter domain code using entities, repository contracts, and use cases.
  • Riverpod-first state management: Use async-first, DI-friendly Riverpod patterns (e.g., Notifier/AsyncValue) to make UI testable and predictable.
  • GoRouter navigation & auth guards: Structure nested routes, handle deep links, and enforce redirect logic cleanly.
  • Production performance & rendering: Optimize perceived performance with const usage, lazy lists, and Impeller rendering on Android/iOS.
  • Type-safe platform channels: Implement platform features via Pigeon instead of manual MethodChannel wiring.
  • App store deployment guidance: Build and ship to App Store/Play Store with CI/CD-ready steps and deployment checks.

Quick Start

Ask the AI to generate a Clean Architecture Flutter project using Riverpod for state, GoRouter for navigation with an auth redirect, Impeller on Android, and Pigeon-based platform channels for one native capability.

Frequently Asked Questions about flutter

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

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

Structure your Flutter app by separating domain, data, and presentation layers, keeping domain as pure Dart. Use Riverpod Notifiers and AsyncValue for predictable, testable state management across UI components.

How do I configure GoRouter navigation with auth guards in Flutter?

Configure GoRouter in Flutter by structuring nested routes and defining redirect logic to enforce auth guards. This handles deep links cleanly and redirects unauthenticated users without brittle navigation code.

What is the best way to set up type-safe platform channels in Flutter?

The best way to set up type-safe platform channels in Flutter is using Pigeon. It generates type-safe native channel bindings, replacing manual MethodChannel wiring and preventing runtime type mismatches.

How do I optimize Flutter rendering performance with Impeller?

Optimize Flutter rendering performance with Impeller by enabling it on Android and iOS. Combine this with const usage and lazy lists to significantly improve perceived performance and reduce rendering bottlenecks.

Can I use this approach for both App Store and Play Store deployment?

Yes, this approach supports App Store and Play Store deployment. It provides build, test, and deploy workflows with CI/CD-ready steps and deployment checks to ship production Flutter apps confidently.

When do I need clean architecture boundaries in a Flutter project?

You need clean architecture boundaries in a Flutter project when maintaining production-grade apps. It separates domain, data, and presentation layers using repository contracts and use cases to ensure repeatable engineering patterns.