Skills
.Work. You
Rest

flutter-widgets

Official

Build maintainable Flutter UI components.

Software Engineering#theming#ui#architecture#maintainability#flutter#widgets#const
Authorwildbitca
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Principles for maintainable Flutter widgets and UI components, enabling teams to build, refactor, and review UI with consistency and quality.

Core Features & Use Cases

  • StatelessWidget by default; StatefulWidget only for local state/controllers.
  • Composition: extract UI into small, atomic const widgets.
  • Theming: Theme.of(context). No hardcoded colors.
  • Layout: Use Flex + Gap/SizedBox for consistent spacing.
  • Widget Keys: All interactive elements should use keys from widget_keys.dart.
  • File Size: If a UI file exceeds ~80 lines, extract sub-widgets into private classes.
  • Specialized: SelectionArea, InteractiveViewer, ListWheelScrollView; avoid IntrinsicWidth/Height unless strictly required.
  • Large Lists: Always use ListView.builder.

Quick Start

Refactor a Flutter UI page into small, const widgets and apply theme-based styling for consistency.

Dependency Matrix

Required Modules

None required

Components

references

💻 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-widgets
Download link: https://github.com/wildbitca/ai-resources/archive/main.zip#flutter-widgets

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 471,000+ vetted skills library on demand.