flutter-structure

Enforce a feature-based Flutter project structure for UI and routing placement.

1|Updated Apr 13, 2026
One-click install
npx skills add https://github.com/Tututuzzzzzz/Social-Network-FE --skill flutter-structure
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-structure
Source: https://github.com/Tututuzzzzzz/Social-Network-FE/tree/main/.agents/skills/flutter-structure
Command: npx skills add https://github.com/Tututuzzzzzz/Social-Network-FE --skill flutter-structure

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps maintain a consistent UI architecture in a Flutter project by guiding where to place screens, widgets, and routing logic.

Core Features & Use Cases

  • Enforces a feature-based folder structure: data, domain, presentation, di.
  • Guides file placement for UI components, blocs, and routing to align with the current codebase.
  • Prevents architecture drift during screen creation, UI refactors, or route additions.

Quick Start

Use this skill whenever you create a new screen or refactor UI to ensure placement follows the current Flutter project architecture.

Frequently Asked Questions about flutter-structure

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

FAQPage Schema
How do I structure a Flutter project to separate presentation, domain, and data layers?

To structure a Flutter project with presentation, domain, and data separation, you enforce a feature-based folder layout. This approach keeps UI components, blocs, and routing logic organized within dedicated feature directories to prevent architecture drift.

What is the best way to organize Flutter widgets, blocs, and routing logic when adding new screens?

The best way to organize Flutter widgets, blocs, and routing is by using a feature-based folder structure. This guides file placement for UI components and routes to align with the current codebase architecture during screen creation or UI refactors.

How do I prevent architecture drift when refactoring Flutter UI or adding new routes?

You prevent architecture drift during Flutter UI refactors by enforcing consistent code placement rules. This ensures new pages, widgets, and routes satisfy the presentation, domain, and data separation constraints within feature folders.

Does this Flutter architecture approach work with dependency injection and BLoC state management?

Yes, this Flutter architecture approach works with dependency injection and BLoC. It guides DI wiring and file placement for blocs within the presentation layer to satisfy the repository's current architectural constraints.

When do I need to use a feature-based folder structure in my Flutter app?

You need a feature-based folder structure in your Flutter app whenever you create pages, screens, or widgets. It enforces presentation, domain, and data separation to maintain UI structure integrity across screens and during refactors.

Why does my Flutter project architecture become inconsistent across different screens?

Your Flutter project architecture becomes inconsistent across screens due to architecture drift during route additions or UI refactors. Enforcing a feature-based structure with data, domain, presentation, and DI folders prevents this misalignment.