What triggers this skill in Claude Code?

It is automatically triggered when working on files ending in _page.dart, _screen.dart, or any file within a 'widgets' directory.

How does this skill improve Flutter performance?

The skill enforces the use of 'const' constructors and 'StatelessWidget' by default, which minimizes widget rebuilds and optimizes the framework's rendering pipeline.

Can I use this for custom design systems?

Absolutely. It mandates using 'Theme.of(context)', making it much easier to implement and update global design systems without hunting for hardcoded colors or text styles.

How does it handle complex scrolling views?

It provides specific guidance for using ListView.builder for performance and specialized widgets like ListWheelScrollView or InteractiveViewer for advanced interactions.

Does this skill help with code maintainability?

Yes, it enforces a rule that UI files exceeding 80 lines must be refactored into smaller, private sub-widgets, preventing 'massive widget' anti-patterns.

Flutter UI & Widget Standards

Name: Flutter UI & Widget Standards
Author: HoangNguyen0403

byHoangNguyen0403

•

276

•

Mobile Development

Optimizes Flutter development by enforcing best practices for performant, maintainable, and reusable widget composition.

This skill provides a comprehensive framework for building professional-grade Flutter interfaces. It guides the AI agent to prioritize performance through constant constructors and stateless widgets, ensures design consistency via centralized theming, and maintains code quality by enforcing modularity and file size limits. Whether you are building complex scrollable lists or interactive custom components, this skill ensures your Flutter code follows operational standards used in high-scale production environments.

主要功能

01Enforces UI modularity by limiting file lengths to 80 lines

02Enforces performance-first patterns using StatelessWidget and const constructors

03Optimizes list rendering using ListView.builder for large datasets

04276 GitHub stars

05Standardizes UI theming via Theme.of(context) to eliminate hardcoded values

06Mandates widget keys for interactive elements to ensure state integrity

使用场景

01Optimizing application performance for complex, high-frequency rebuild screens

02Refactoring monolithic UI files into small, atomic, and reusable widgets

03Migrating hardcoded styles to a centralized Flutter Theme system

主要功能

01Enforces UI modularity by limiting file lengths to 80 lines

02Enforces performance-first patterns using StatelessWidget and const constructors

03Optimizes list rendering using ListView.builder for large datasets

04276 GitHub stars

05Standardizes UI theming via Theme.of(context) to eliminate hardcoded values

06Mandates widget keys for interactive elements to ensure state integrity

使用场景

01Optimizing application performance for complex, high-frequency rebuild screens

02Refactoring monolithic UI files into small, atomic, and reusable widgets

03Migrating hardcoded styles to a centralized Flutter Theme system