flutter-dev

Build Flutter and Dart screens with Riverpod, Bloc, and GoRouter.

2|Updated May 3, 2026
One-click install
npx skills add https://github.com/Rosetears520/aili-workflows --skill flutter-dev-rosetears520
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-dev
Source: https://github.com/Rosetears520/aili-workflows/tree/main/skills/flutter-dev
Command: npx skills add https://github.com/Rosetears520/aili-workflows --skill flutter-dev-rosetears520

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill reduces the trial-and-error cost of building production-ready Flutter/Dart apps by providing proven patterns for widgets, state management, navigation, performance, and testing.

Core Features & Use Cases

  • Widget & UI architecture: Apply consistent widget patterns (const optimization, keys, reusable components) to keep UI predictable and efficient.
  • State management guidance: Choose Riverpod for DI/simple state and Bloc for event-driven workflows, with immutable updates and granular rebuild control.
  • Navigation & performance: Use GoRouter boundaries and performance techniques (selective rebuilds, lazy lists, RepaintBoundary, isolate heavy work) to prevent jank.
  • Testing checklist: Plan widget, unit, integration, and Bloc tests to catch regressions before release.
  • Use case: When building a cross-platform feature screen with responsive layout, Riverpod/Bloc-driven async data, and typed GoRouter navigation, use this skill to structure the solution and verify it with the right test layers.

Quick Start

Use the flutter-dev skill to design and validate a Flutter feature screen that uses Riverpod state, typed GoRouter navigation, and performance-safe list rendering for a tablet/desktop responsive layout.

Frequently Asked Questions about flutter-dev

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

FAQPage Schema
How do I structure a Flutter app with Riverpod and GoRouter navigation?

To structure a Flutter app with Riverpod and GoRouter, apply typed routing boundaries and use Riverpod for dependency injection and simple state, ensuring granular rebuild control and immutable updates.

What is the best way to prevent jank and improve Flutter performance in lists?

The best way to prevent Flutter performance jank is to use selective rebuilds, lazy lists, RepaintBoundary, and isolate heavy work, alongside const and key optimization to keep UI composition efficient.

When should I use Bloc instead of Riverpod for Flutter state management?

Use Bloc instead of Riverpod for Flutter state management when handling event-driven workflows, while reserving Riverpod for dependency injection and simpler state tasks with immutable updates.

How do I set up a Flutter testing strategy for widget and integration tests?

Set up a Flutter testing strategy by planning unit, widget, integration, and Bloc tests to catch regressions before release, applying deterministic testing practices to validate cross-platform delivery.

Does this approach support responsive UI composition for tablet and desktop layouts?

Yes, this approach supports responsive UI composition for tablet and desktop layouts by applying consistent widget patterns, const optimization, and reusable components to keep cross-platform UI predictable.