UX/UI Tools for React + Material-UI

Instructions

Implementation Reference

• index.js:608-637 (handler)

  Handler implementation for the 'get_ux_checklist' tool. Returns a static text content containing a comprehensive UX/UI checklist for React/MUI components.

        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
                `,
              },
            ],
          };

• index.js:497-504 (registration)

  Registration of the 'get_ux_checklist' tool in the ListTools response, defining its name, description, and input schema (no required parameters).

  {
    name: 'get_ux_checklist',
    description: 'Retorna checklist de UX/UI para validação',
    inputSchema: {
      type: 'object',
      properties: {},
    },
  },

• index.js:500-503 (schema)

  Input schema for the 'get_ux_checklist' tool, which requires no parameters (empty properties object).

  inputSchema: {
    type: 'object',
    properties: {},
  },