| name | widget |
| description | Cria widget Angular 19 + PO-UI 19.36.0 para TOTVS Fluig. Estrutura completa com components, pages, services, testes Jasmine+Karma. Padrão: wg_[nome-kebab-case]. |
Consulta MCP
Antes de gerar código, consulte o MCP tbc-knowledge:
searchFluigApi({ category: "widget" })
// → DatasetFactory client-side, REST Protheus, fluigc no contexto Angular
searchFluigPatterns({ category: "template", skill: "fluig-widget" })
// → templates: package.json, angular.json, app.module.ts, components, services, specs
searchFluigPatterns({ category: "conventions" })
// → convenções PO-UI, estrutura de módulos, boas práticas Angular/Fluig
Stack e Estrutura
Consulte o MCP antes de gerar o widget:
searchFluigPatterns({ skill: "fluig-widget", category: "convention" })
searchFluigPatterns({ skill: "fluig-widget", category: "template" })
searchFluigPatterns({ skill: "fluig-widget", category: "naming" })
Aplique a stack, estrutura de pastas e convenções retornadas pelo MCP.
Instruções para Claude
- Perguntar antes de gerar: Qual o nome do widget? Qual a finalidade (listagem, formulário, dashboard)? Precisa integrar com dataset ou REST Protheus?
- Consultar MCP para obter os templates de configuração (package.json, angular.json, app.module.ts) e os padrões PO-UI antes de gerar os arquivos.
- Criar TODOS os arquivos da estrutura — incluindo configurações e specs de teste.
- Usar apenas PO-UI para componentes visuais — nunca Angular Material isolado.
- Testes são obrigatórios: gerar spec para cada componente e serviço criado.
