get_ux_checklist
Validate React components against UX/UI best practices, Nielsen's heuristics, and Material-UI patterns to ensure design compliance and user experience quality.
Instructions
Retorna checklist de UX/UI para validação
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Implementation Reference
- index.js:497-504 (registration)Registration of the 'get_ux_checklist' tool in the ListToolsRequestSchema handler, including name, description, and input schema (empty object).{ name: 'get_ux_checklist', description: 'Retorna checklist de UX/UI para validação', inputSchema: { type: 'object', properties: {}, }, },
- index.js:608-637 (handler)Handler implementation for 'get_ux_checklist' tool in the CallToolRequestSchema switch statement. Returns a static text content with a comprehensive UX/UI checklist.case 'get_ux_checklist': return { content: [ { type: 'text', text: ` **Checklist UX/UI - better2 Frontend** Antes de finalizar qualquer componente visual: - [ ] Responsivo (mobile, tablet, desktop) - [ ] Touch targets ≥ 44px - [ ] Todos botões/ícones têm tooltip - [ ] Loading states implementados - [ ] Mensagens de erro claras - [ ] Theme.spacing usado - [ ] Alpha() para transparências - [ ] Transições suaves - [ ] Acessibilidade (tab navigation) - [ ] Testado em mobile real - [ ] Scrollbar customizada (se lista/scroll) - [ ] Validação em tempo real (se formulário) - [ ] Botão cancelar (se modal/dialog) - [ ] Feedback visual em ações - [ ] Agrupamento lógico de elementos `, }, ], };