flutter-bloc-development

Enforce BLoC-based layers and design-system constants in Flutter apps.

18|3|Updated Jan 26, 2026
One-click install
npx skills add https://github.com/AbdelhakRazi/flutter-bloc-clean-architecture-skill --skill flutter-bloc-development-abdelhakrazi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-bloc-development
Source: https://github.com/AbdelhakRazi/flutter-bloc-clean-architecture-skill/tree/main
Command: npx skills add https://github.com/AbdelhakRazi/flutter-bloc-clean-architecture-skill --skill flutter-bloc-development-abdelhakrazi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enforces BLoC-based state management and strict layering in Flutter projects, ensuring maintainable code and consistent use of a design system.

Core Features & Use Cases

  • Feature-first structure with clear separation of concerns across bloc, data, view, and shared components.
  • Design-system driven development: no hardcoded colors or typography, use centralized constants.
  • Scalable guidelines for screens, widgets, and data integrations, including barrel files and repository patterns.

Quick Start

Create a new feature folder following the architecture guidelines and implement BLoC, data, and view components with barrel files as described.

Frequently Asked Questions about flutter-bloc-development

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

FAQPage Schema
How do I enforce clean architecture with BLoC in a Flutter project?

You can enforce clean architecture with BLoC by standardizing layers for bloc, data, and view components. This approach requires BLoC for all state changes and repository patterns for data access, ensuring strict separation of concerns and maintainable code.

What is the best way to prevent hardcoded values in a Flutter design system?

The best way to prevent hardcoded values in a Flutter design system is to mandate centralized constants for colors and typography. This architectural discipline ensures consistent UI implementation across all new screens and widgets without relying on inline values.

How do I structure a new Flutter feature using repository and datasource patterns?

To structure a new Flutter feature, create a feature folder with clear separation across bloc, data, and view components. You implement repository and datasource usage for data access and organize exports using barrel files to maintain scalable guidelines.

Does this BLoC state management approach work for scaling new screens and widgets?

Yes, this BLoC state management approach works for scaling new screens and widgets by applying feature-first structures and design-system driven development. It enforces architectural discipline across data integrations to ensure consistency and maintainability at scale.

When do I need barrel files in a Flutter clean architecture project?

You need barrel files in a Flutter clean architecture project when organizing exports across feature-first structures. They provide scalable guidelines for separating bloc, data, view, and shared components, reducing import clutter and maintaining clear separation of concerns.