Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Implementing Flutter Theming and Adaptive Design

porflutter·flutter· v1.0.0 · atualizado em 2026-04-10
79
Score

Customizes the visual appearance of a Flutter app using the theming system. Use when defining global styles, colors, or typography for an application.

flutterthemingadaptive-designui-developmentmaterial-3cross-platform
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdflutter-theming-apps/workflow
1. Define the base `ThemeData` for the application, including `ColorScheme` and typography.
2. Override specific component themes using `*ThemeData` classes (e.g., `AppBarThemeData`, `CardThemeData`).
3. Style buttons using `ButtonStyle` and `MaterialStateProperty.resolveWith` for state-dependent styling.
4. Implement adaptive UI components using `Platform` and `DeviceType` to adjust behavior based on the target platform.
5. Wrap widgets in `Scrollbar` and `SelectableText` for desktop/web compatibility.
6. Test the application on different platforms to ensure visual consistency and usability.
7. Refactor and optimize the code for maintainability and performance.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aSwiftUI Performance Audit
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar aArchitecting Flutter Layouts
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar aArchitecting Flutter Applications
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79

Árvore do Skill

Implementing Flutter Theming and Adaptive Design
flutter-theming-apps
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.REFLECT
Triggers7
customize Flutter app themeimplement Material 3 in Fluttercreate adaptive Flutter UIstyle Flutter buttonsmigrate Flutter theme to Material 3define global styles in Flutterapply theming to a Flutter application

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download flutter-theming-apps
$ synaptic skills detail flutter-theming-apps
$ synaptic skills live flutter-theming-apps

Dependências

flutter/material.dartdart:io

Links

GitHub Repository