Synaptic
Skills
Marketplace
Skill Graph
Criar Skill
MCP Server
Plataforma
Enterprise
🇧🇷
PT
v0.1.0-beta
Voltar ao Marketplace
Development
Médio
flutter-layout
por
flutter
·
flutter
· v1.0.0 · atualizado em 2026-04-10
82
Score
How to build your app's layout using Flutter's layout widgets and constraint system
flutter
ui-development
layout
adaptive-design
responsive-design
dart
0
Stars
0
Forks
0
Usos
Cursor
Claude Code
Claude Desktop
Codex
Copilot
Windsurf
Zed
Fork
Documento do Skill
📋 Workflow
✅ Best Practices
🎯 Triggers & Fases
SKILL.md
flutter-layout/workflow
1
Analyze UI Requirements:
— Understand the desired layout, target devices, and breakpoints.
2
Choose Layout Widgets:
— Select appropriate widgets like `Row`, `Column`, `Stack`, `ListView`, or `GridView`.
3
Apply Constraints:
— Use `ConstrainedBox` to manage widget sizes within flexible parents.
4
Implement Adaptive Layouts:
— Use `LayoutBuilder` to adapt the UI based on screen width.
5
Compose Flex Layouts:
— Use `Expanded` and `Flexible` to manage child sizing in `Row` and `Column`.
6
Handle Unbounded Constraints:
— Prevent `Expanded` widgets inside unbounded parents like `ListView`.
7
Test and Refine:
— Verify responsiveness and fix any layout issues.
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
Compõe com ←
flutter-theming
70%
Hebbian Synapse
Composite
0.700
w = 0.3·α + 0.5·β + 0.2·γ
80
Compõe com ←
Flutter Animations Implementation
70%
Hebbian Synapse
Composite
0.700
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar a
Tailwind CSS Advanced Layout Techniques
40%
Hebbian Synapse
Composite
0.400
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a
SwiftUI Performance Audit
60%
Hebbian Synapse
Composite
0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar a
Architecting Flutter Layouts
60%
Hebbian Synapse
Composite
0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Árvore do Skill
flutter-layout
flutter-layout
Fases Cognitivas
6
1.
SENSE
2.
CONTEXTUALIZE
3.
HYPOTHESIZE
4.
ACT
5.
EVALUATE
6.
REFLECT
Triggers
7
create a Flutter layout
build a responsive UI in Flutter
use Flutter layout widgets
implement adaptive layout in Flutter
design a Flutter user interface
handle screen size changes in Flutter
fix layout issues in Flutter
Avaliar este Skill
Score Breakdown
⭐
Avaliação Humana
0%
🤖
Sucesso de Agentes
0%
🕐
Atualidade
100%
🔗
Saúde de Dependências
100%
🕸️
Centralidade no Grafo
0%
🛡️
Segurança
50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança
Instalação
$
synaptic mcp download flutter-layout
$
synaptic skills detail flutter-layout
$
synaptic skills live flutter-layout
Links
GitHub Repository
SynapticSkills