flutter-theming

Name: flutter-theming
Availability: InStock
Author: takzobye

Migrate legacy Flutter theming to Material 3 ColorScheme and modern component APIs.

1|Updated Mar 6, 2026

Search Tags:#theming #ui #migration #flutter #widgets #material3 #platform-idioms

Ready to run

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

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: flutter-theming
Source: https://github.com/takzobye/flutter_social_share_plus/tree/main/.agents/skills/flutter-theming
Command: npx skills add https://github.com/takzobye/flutter_social_share_plus --skill flutter-theming

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill reduces the manual effort and risk of visual regressions when upgrading Flutter applications from legacy Material 2 theming and deprecated widgets to a cohesive Material 3 ColorScheme-driven design system.

Core Features & Use Cases

Legacy widget replacement: Provides decision logic and replacement recommendations for deprecated widgets such as FlatButton, RaisedButton, OutlineButton, BottomNavigationBar, and Drawer.
Theme normalization: Guides creating global ThemeData using ColorScheme.fromSeed, enforcing useMaterial3, removing accent properties, and applying component ThemeData suffixes.
Platform idioms & validation: Covers platform-specific adjustments (scrollbars, text selection, button ordering), button style migration patterns, and a validation step to scan and fix residual legacy properties.
Use Case: Upgrade a cross-platform Flutter app to Material 3 by deriving all colors from a seed color, replacing deprecated buttons and navigation components, and ensuring consistent theming across mobile and desktop.

Quick Start

Use the flutter-theming skill to analyze a Flutter codebase and produce a step-by-step migration plan that converts legacy theming to Material 3 using a specified seed color.

Frequently Asked Questions about flutter-theming

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I migrate Flutter widgets to Material 3 ColorScheme?▼

To migrate Flutter widgets to Material 3, replace legacy components and deprecated button classes with modern APIs, enforce useMaterial3, and derive your global ThemeData from ColorScheme.fromSeed using a specified seed color.

What is the best way to replace deprecated Flutter buttons during a Material 3 migration?▼

The best way to replace deprecated Flutter buttons during a Material 3 migration is to use decision logic for FlatButton, RaisedButton, and OutlineButton, substituting them with modern component ThemeData suffixes and updated button style migration patterns.

How does Material 3 theme normalization handle platform-specific idioms for desktop and mobile?▼

Material 3 theme normalization handles platform-specific idioms by applying platform-aware substitutions for scrollbars, text selection, and button ordering to ensure consistent theming across Android, iOS, web, and desktop.

Can I use ColorScheme.fromSeed to build a cross-platform Flutter theme?▼

Yes, you can use ColorScheme.fromSeed to build a cross-platform Flutter theme by deriving all colors from a single seed color, normalizing global ThemeData, and adapting platform-specific idioms for mobile and desktop.

Why does my Flutter theme still show residual legacy accent properties after upgrading?▼

Your Flutter theme still shows residual legacy accent properties because deprecated accent properties require explicit removal and a validation step to scan and fix any remaining legacy attributes during Material 3 modernization.