Skills
.Work. You
Rest

flutter-widget

Community

Design Flutter widgets that stay consistent.

Design & Creative#accessibility#state management#refactoring#design system#ui design#flutter#widgets
AuthoroElberte
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It helps you build and refine Flutter widgets without drifting from your established design-system patterns or accidentally mixing UI concerns with business logic.

Core Features & Use Cases

  • Design-system alignment: Reuse existing theme tokens, spacing, typography, localization, and responsive helpers to keep UI consistent across the app.
  • Composable, theme-aware UI: Prefer small widgets and composition; keep widgets theme-aware and readable as the UI grows.
  • Practical refactoring & review: Use the checklist to guide adding new components, restructuring layout behavior, or reviewing an existing widget for correctness and maintainability.
  • Safety guardrails for UI: Avoid embedding networking, persistence, heavy transformations, or business logic inside UI widgets; limit StatefulWidget to local mutable UI state.

Quick Start

Create a new Flutter widget for a settings page row that follows the repository’s existing design-system tokens and composition style, and includes correct loading, empty, and error UI states.

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
Download link: https://github.com/oElberte/dotfiles/archive/main.zip#flutter-widget

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.