Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Flutter Add Widget Preview skill
Adiciona prévias interativas de widgets ao projeto Flutter com o sistema previews.dart
- instalações
- 36,7 mil
- estrelas no GitHub
- 3.106
- No skills.sh desde
- abril de 2026
- Licença
- BSD-3-Clause
Atualizada no GitHub em 21 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure…
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Flutter Add Widget Preview no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Flutter Add Widget Preview, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Levar essa skill
1x flutter-add-widget-previewR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/flutter/agent-plugins
Aprenda a usar
- Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.
Na mesma prateleira
Ver as 1.731 skills do corredorGoogle Labs
stitch-
O Claude gera cada página no Stitch, encaixa no site com a navegação ligada e deixa escrito qual é a próxima, pro ciclo continuar.OficialAuditada56,4 mil instalações, grátisloop vuejs-ai
vue-
Componentes Vue com estado previsível e cada parte cuidando de uma coisa, num código que outra pessoa, ou o próprio Claude, entende e altera depois.Auditada42,8 mil instalações, grátisbest- practices Expo
upgrading-
Seu app em Expo sobe de versão seguindo o passo a passo do próprio time do Expo, com as trocas de pacote e as armadilhas já mapeadas.Oficial42,2 mil instalações, grátisexpo antfu
vite
O Claude mexe no seu projeto Vite com a documentação da versão 8 na mão, incluindo o que mudou com a chegada do Rolldown.Auditada39,9 mil instalações, grátisvue
Os componentes Vue saem no padrão atual da versão 3.5, com props, eventos e v-model tipados e a reatividade certa pra cada caso.Auditada35,8 mil instalações, grátisavdlee
swiftui-
O Claude escreve e revisa telas SwiftUI seguindo as regras da Apple, troca API velha pela atual e acha o que deixa o app lento.Auditada35,1 mil instalações, grátisexpert- skill twostraws
swiftui-
O Claude revisa seu app SwiftUI e entrega a lista do que corrigir, com linha, regra, código de antes e depois e o que atacar primeiro.Auditada35,1 mil instalações, grátispro expo-
O Claude monta folhas que sobem de baixo, seletores, sliders e menus nativos no seu app Expo, com o mesmo código rodando no iPhone, no Android e na web.OficialAuditada31,8 mil instalações, grátisui
Mais da loja Flutter
Ver a loja FlutterFlutter
flutter-
Estrutura apps Flutter em camadas (UI, lógica e dados) para escalar e facilitar a refatoraçãoOficialAuditada43,1 mil instalações, grátisapply- architecture- best- practices flutter-
Cria layouts Flutter que se adaptam a telas de vários tamanhos com LayoutBuilder, MediaQuery e ExpandedOficialAuditada42,5 mil instalações, grátisbuild- responsive- layout flutter-
Corrige erros de layout no Flutter, como RenderFlex overflowed e constraints sem limiteOficialAuditada40 mil instalações, grátisfix- layout- issues flutter-
Cria testes de widget no Flutter com WidgetTester para verificar renderização, toques, rolagem e digitaçãoOficialAuditada39,1 mil instalações, grátisadd- widget- test flutter-
Configura o Flutter Driver e transforma ações do MCP em testes de integração permanentesOficialAuditada38,1 mil instalações, grátisadd- integration- test flutter-
Configura rotas declarativas e deep links no Flutter com MaterialApp.router e go_routerOficialAuditada37,7 mil instalações, grátissetup- declarative- routing flutter-
Cria classes de modelo no Flutter com fromJson e toJson usando dart:convertOficial37,3 mil instalações, grátisimplement- json- serialization flutter-
Configura a internacionalização do Flutter com flutter_localizations, intl e l10n.yamlOficialAuditada36,7 mil instalações, grátissetup- localization dart-
Escreve e organiza testes unitários em Dart e Flutter com package:testOficialAuditada14,6 mil instalações, grátisadd- unit- test dart-
Roda dart analyze pra achar avisos e erros e dart fix --apply pra corrigir problemas mecânicos de lintOficialAuditada14,6 mil instalações, grátisrun- static- analysis dart-
Pega o stack trace ativo de um app Dart, acha a linha com defeito, corrige e confere com hot reloadOficialAuditada14,5 mil instalações, grátisfix- runtime- errors dart-
Resolve conflitos de versão entre pacotes quando o pub get falha por incompatibilidadeOficialAuditada14,3 mil instalações, grátisresolve- package- conflicts