# Form

> Consulta MCP

- Skill: `tbc-servicos/form` (Agent Skill)
- Install (CLI): `npx skillmds@latest add tbc-servicos/form`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tbc-servicos/form/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: tbc-servicos (https://skillmd.com/u/tbc-servicos)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tbc-servicos/form

---


## Consulta MCP

Antes de gerar código, consulte o MCP `tbc-knowledge`:

```
searchFluigApi({ category: "form" })
// → CardAPI, WCMAPI, getValue/setValue, FormAPI, jQuery masks

searchFluigPatterns({ category: "template", skill: "fluig-form" })
// → templates: HTML base, enableFields.js, validateForm.js, DatasetUtils.js

searchFluigPatterns({ category: "naming" })
// → convenção de nomenclatura e IDs de formulário
```

---

## Padrões e Estrutura

Consulte o MCP antes de gerar o formulário:

```
searchFluigPatterns({ skill: "fluig-form", category: "template" })
searchFluigPatterns({ skill: "fluig-form", category: "naming" })
searchFluigPatterns({ skill: "fluig-form", category: "convention" })
```

Aplique a estrutura de pastas, naming e convenções retornadas pelo MCP.

---

## Instruções para Claude

1. **Perguntar** antes de gerar: qual o ID (6 dígitos)? qual o nome descritivo completo? quais campos (tipo, obrigatório, máscara)?
2. **Consultar MCP** para obter os templates dos arquivos de eventos e utilitários.
3. **Criar TODOS os arquivos** da estrutura definida acima — não apenas o HTML.
4. **Para cada campo informado:** definir a lógica correspondente em enableFields, displayFields, inputFields e validateForm.
5. **Usar SweetAlert2** (Swal.fire()) para todo feedback ao usuário — NUNCA usar alert() nativo.
6. **Aplicar máscaras jQuery** automaticamente para campos do tipo CPF, CNPJ, CEP, telefone e data.