Skills
.Work. You
Rest

flutter-widget-patterns

Community

Master Flutter UI construction and layout.

Software Engineering#theming#ui#performance#accessibility#layout#widget#flutter
Authorreloveution
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides best practices and solutions for common challenges in Flutter UI development, ensuring efficient, maintainable, and performant widget construction and layout management.

Core Features & Use Cases

  • Widget Composition: Guidance on creating reusable and maintainable UI components.
  • Layout Optimization: Solutions for common layout errors like RenderFlex overflow and viewport issues.
  • Navigation: Best practices for using go_router and managing navigation overlays.
  • Theming: Strategies for consistent theming, including custom ThemeExtension and WidgetStateProperty.
  • Performance & Accessibility: Tips for optimizing UI performance and ensuring accessibility standards.

Quick Start

Use the flutter-widget-patterns skill to refactor a complex build method into smaller, reusable widgets.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: flutter-widget-patterns
Download link: https://github.com/reloveution/dart-flutter-rules/archive/main.zip#flutter-widget-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.