Skills
.Work. You
Rest

Flutter UI Widgets

Community

Build maintainable Flutter UI.

Software Engineering#theming#ui#state management#composition#flutter#widgets
Authorngxtm
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides guidelines and best practices for creating maintainable and scalable UI components in Flutter applications.

Core Features & Use Cases

  • Component Composition: Encourages breaking down UI into small, reusable const widgets.
  • State Management: Recommends StatelessWidget by default, using StatefulWidget only for local state.
  • Theming: Enforces the use of Theme.of(context) for consistent styling.
  • Layout Optimization: Guides on using Flex and Gap/SizedBox for efficient layouts.
  • Specialized Widgets: Highlights appropriate use of widgets like SelectionArea, InteractiveViewer, and ListView.builder.

Quick Start

Apply the Flutter UI Widgets skill to refactor the provided AppButton widget for better composition and theming.

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 UI Widgets
Download link: https://github.com/ngxtm/skill-rule/archive/main.zip#flutter-ui-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 223,000+ vetted skills library on demand.