Name: flet-form-pattern
Author: willcutrim

Imported from willcutrim/flet-app (.agents/skills/flet-form-pattern/SKILL.md). Install upstream with npx skills add willcutrim/flet-app --skill flet-form-pattern. Copyright stays with the author.

Flet Form Pattern

Use esta skill para formularios de cadastro, edicao e configuracao.

Fluxo

Ler AGENTS.md.
Procurar formulario parecido em src/screens/products/form_screen.py, src/screens/customers/form_screen.py ou src/screens/users/form_screen.py.
Reutilizar fields em src/components/fields/ e botoes em src/components/buttons/.
Delegar persistencia para state ou service apropriado.

Estrutura Recomendada

PageHeader no topo, com titulo claro e subtitulo curto.
SectionCard para agrupar os campos.
Campos organizados em ft.Row com containers expansivos quando houver pares de campos.
Campos longos em linha propria.
Texto de status ou toast para feedback.
Acoes no final com Cancelar e Salvar.

Regras De Campos

Usar componentes existentes como TextField, MoneyField, QuantityField, SelectField ou wrappers locais antes de criar novos.
Usar constantes de core.theme para borda, cor, radius e foco.
Validar obrigatorios antes de salvar.
Validar formato basico de numero, dinheiro, quantidade ou selecao quando aplicavel.
Exibir mensagens simples e acionaveis.

Regras De Acoes

Botao principal salva.
Botao secundario cancela e navega de volta.
Usar PrimaryButton para acao principal quando aplicavel.
Usar core.routes.navigate para voltar a lista ou detalhe.

Limites

Nao chamar API diretamente no formulario.
Nao salvar dados em componente visual.
Nao duplicar mascara ou parse se ja existir helper no arquivo ou camada adequada.
Nao criar abstracao generica de formulario sem repeticao real.

Install flet-form-pattern and it becomes one more candidate the router can pick - when it fits.

A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.

{ "ocm": "1", "id": "willcutrim-flet-app-flet-form-pattern", "kind": "skill", "name": "flet-form-pattern", "description": "Criar ou melhorar formularios Flet consistentes neste projeto. Use quando Codex precisar implementar telas de cadastro/edicao, organizar campos com PageHeader e SectionCard, aplicar validacao basica, botoes Salvar/Cancelar, feedback visual e navegacao no padrao de src/screens/*/form_screen.py.", "publisher": "willcutrim", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Criar ou melhorar formularios Flet consistentes neste projeto. Use quando Codex precisar implementar telas de cadastro/edicao, organizar campos com PageHeader e SectionCard, aplicar validacao basica, botoes Salvar/Cancelar, feedback visual e navegacao no padrao de src/screens/*/form_screen.py." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/willcutrim/flet-app", "path": ".agents/skills/flet-form-pattern/SKILL.md", "ref": "7bfd7d58c9368a8faeaa03e3672a4e02bf1236be", "url": "https://github.com/willcutrim/flet-app/blob/7bfd7d58c9368a8faeaa03e3672a4e02bf1236be/.agents/skills/flet-form-pattern/SKILL.md", "key": "willcutrim/flet-app/.agents/skills/flet-form-pattern/SKILL.md" } }, "instructions": "# Flet Form Pattern\n\nUse esta skill para formularios de cadastro, edicao e configuracao.\n\n## Fluxo\n\n1. Ler `AGENTS.md`.\n2. Procurar formulario parecido em `src/screens/products/form_screen.py`, `src/screens/customers/form_screen.py` ou `src/screens/users/form_screen.py`.\n3. Reutilizar fields em `src/components/fields/` e botoes em `src/components/buttons/`.\n4. Delegar persistencia para state ou service apropriado.\n\n## Estrutura Recomendada\n\n- `PageHeader` no topo, com titulo claro e subtitulo curto.\n- `SectionCard` para agrupar os campos.\n- Campos organizados em `ft.Row` com containers expansi", "cost": { "context_tokens": 400 } }

flet-form-pattern

About