Skip to main content
Back to registry

flutter-theming

flutter/skills

Updates and manages Flutter application styling by migrating legacy Material 2 implementations to Material 3, normalizing component themes, updating deprecated button classes, and adapting UI idioms for cross-platform consistency. Assumes a Flutter environment using Dart.

Installs1
Install command
npx skills add https://github.com/flutter/skills --skill flutter-theming
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Updates and manages Flutter application styling by migrating legacy Material 2 implementations to Material 3, normalizing component themes, updating deprecated button classes, and adapting UI idioms for cross-platform consistency. Assumes a Flutter environment using Dart. Analyze Current Theme State Review the existing Flutter codebase to identify legacy Material 2 components, deprecated button classes ( FlatButton , RaisedButton , OutlineButton ), and outdated theme properties (e.g., accentColor , color in AppBarTheme ). STOP AND ASK THE USER: "What is the primary seed color for the new Material 3 ColorScheme, and which target platforms (iOS, Android, Windows, macOS, Linux, Web) should be prioritized for platform idioms?" Decision Logic: Component Migration When encountering legacy widgets, use the following decision tree to determine the replacement: Implement App-Wide Material 3 Theme Define the global ThemeData using ColorScheme.fromSeed . Ensure useMaterial3 is implicitly or explicitly true. Remove all references to deprecated accent properties ( accentColor , accentColorBrightness , accentTextTheme , accentIconTheme ). Normalize Component Themes Update all component theme definitions in ThemeData to use their *ThemeData equivalents. Do not use the base theme classes for configuration.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does flutter-theming do?

Updates and manages Flutter application styling by migrating legacy Material 2 implementations to Material 3, normalizing component themes, updating deprecated button classes, and adapting UI idioms for cross-platform consistency. Assumes a Flutter environment using Dart.

Is flutter-theming good?

flutter-theming does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does flutter-theming work with?

flutter-theming currently lists compatibility with codex, gemini-cli, opencode, cursor, kimi-cli, github-copilot.

What are alternatives to flutter-theming?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install flutter-theming?

npx skills add https://github.com/flutter/skills --skill flutter-theming

Related skills

More from flutter/skills

flutter-app-size

by flutter/skills

996

Analyzes and optimizes Flutter application size by measuring build artifacts, generating size analysis reports, utilizing Dart DevTools for component breakdown, and implementing specific size reduction strategies such as debug info splitting, resource compression, and platform-specific tree-shaking. Assumes a...

Software EngineeringFrontend and Design

flutter-concurrency

by flutter/skills

980

Implements advanced Flutter data handling, including background JSON serialization using Isolates, asynchronous state management, and platform-aware concurrency to ensure jank-free 60fps+ UI rendering. Assumes a standard Flutter environment (Dart 2.19+) with access to dart:convert , dart:isolate , and standard state...

Software EngineeringFrontend and Design

flutter-localization

by flutter/skills

978

Configures and implements internationalization (i18n) and localization (l10n) in a Flutter application. This skill manages dependency injection ( flutter_localizations , intl ), code generation configuration ( l10n.yaml ), root widget setup ( MaterialApp , CupertinoApp , or WidgetsApp ), .arb translation file...

Software EngineeringFrontend and Design

flutter-accessibility

by flutter/skills

973

Implements, audits, and enforces accessibility (a11y) and adaptive design standards in Flutter applications. Ensures compliance with WCAG 2 and EN 301 549 by applying proper semantic roles, contrast ratios, tap target sizes, and assistive technology integrations. Constructs adaptive layouts that respond to available...

Software EngineeringFrontend and Design
Related skills

Alternatives in Software Engineering