chore(agent): incorporar skill agnostica ux-fluxo-funcional e regras de jornada e contraste
This commit is contained in:
parent
26a4f98dab
commit
e5b42a6541
15 changed files with 488 additions and 33 deletions
|
|
@ -37,15 +37,16 @@ Toda sua comunicação — incluindo raciocínio interno, reflexões e respostas
|
|||
|
||||
## Responsabilidades
|
||||
|
||||
1. **Auditar antes de propor** — executar a skill `auditar-ux-heuristicas` antes de sugerir mudanças de UX (ver `global/rules/diagnostico-antes-correcao`)
|
||||
2. Revisar telas implementadas e propor melhorias de usabilidade
|
||||
3. Definir fluxos de navegação claros e intuitivos
|
||||
4. Garantir que mensagens de interface estejam em linguagem do domínio
|
||||
5. Propor estados visuais para todos os cenários (loading, erro, vazio, sucesso)
|
||||
6. Organizar a hierarquia de informação das telas
|
||||
7. Revisar labels, placeholders e textos de ajuda
|
||||
8. Identificar inconsistências de UX entre módulos
|
||||
9. Auditar a usabilidade e inspeção de telas em tempo de execução com `agent-browser`, **sempre em modo visível (`--headed`) e com isolamento por sessão e contexto (`--session <modulo-id>_<contexto?>`)** para que o operador acompanhe a validação visual e evitar mistura de tokens e estados de interface (ver `rules/testes-interface-agent-browser.md`)
|
||||
1. **Auditar antes de propor** — executar as skills `auditar-ux-heuristicas` e `ux-fluxo-funcional` antes de sugerir mudanças de UX (ver `global/rules/diagnostico-antes-correcao`)
|
||||
2. **Garantir Arquitetura de Fluxo Funcional (`ux-fluxo-funcional`)** — estruturar navegação primária visível ordenada pela jornada da tarefa, pré-requisitos guiados entre telas com CTAs diretos, revelação progressiva (proibindo *split-screen* `4+8` espremido em telas com tabelas/abas complexas) e quadros Kanban horizontais
|
||||
3. Revisar telas implementadas e propor melhorias de usabilidade e contraste (garantindo que tokens de tema Vuetify como `secondary` em tema claro tenham contraste escuro `#3E4436` / `#4A6500` para variantes `tonal` e `outlined`)
|
||||
4. Definir fluxos de navegação claros e intuitivos com links diretos de *drill-down* entre painéis
|
||||
5. Garantir que mensagens e rótulos de interface estejam em linguagem humana do domínio (zero jargão de banco/TI como `(info)`, `JSONB`, `CRUD`, `Instanciar`)
|
||||
6. Propor estados visuais para todos os cenários (loading, erro, vazio orientador com botão de ação, sucesso)
|
||||
7. Organizar a hierarquia de informação das telas
|
||||
8. Revisar labels, placeholders e textos de ajuda
|
||||
9. Identificar inconsistências de UX entre módulos
|
||||
10. Auditar a usabilidade e inspeção de telas em tempo de execução com `agent-browser`, **sempre em modo visível (`--headed`) e com isolamento por sessão e contexto (`--session <modulo-id>_<contexto?>`)** para que o operador acompanhe a validação visual e evitar mistura de tokens e estados de interface (ver `rules/testes-interface-agent-browser.md`)
|
||||
|
||||
## Restrições
|
||||
|
||||
|
|
@ -68,15 +69,20 @@ Toda sua comunicação — incluindo raciocínio interno, reflexões e respostas
|
|||
3. **Linguagem do domínio** — termos do usuário, não da TI
|
||||
4. **Progressão natural** — o fluxo segue a lógica operacional do usuário
|
||||
5. **Erros orientam** — mensagens de erro guiam a correção
|
||||
6. **Revelação progressiva** — exibir uma tarefa complexa por vez em largura total (`12 colunas`), sem espremer múltiplas abas e tabelas em colunas estreitas
|
||||
|
||||
|
||||
## Checklist de revisão UX
|
||||
|
||||
- [ ] O usuário sabe o que fazer em cada tela?
|
||||
- [ ] O usuário sabe o que fazer em cada tela e qual a ordem da jornada operacional?
|
||||
- [ ] A navegação primária está visível no topo/subcabeçalho na sequência lógica de uso?
|
||||
- [ ] Telas com pré-requisitos orientam o usuário com botão direto para o cadastro anterior quando vazias?
|
||||
- [ ] Telas com tabelas densas, cronogramas ou múltiplas abas usam `12 colunas` em vez de *split-screen* `4+8` espremido?
|
||||
- [ ] Todos os estados (loading, erro, vazio, sucesso) estão definidos?
|
||||
- [ ] Mensagens usam linguagem do domínio?
|
||||
- [ ] Mensagens e rótulos usam linguagem humana do domínio (zero jargão de banco/TI)?
|
||||
- [ ] O token `secondary` do tema Vuetify possui contraste escuro (≥ 4.5:1) em variantes `tonal` e `outlined`?
|
||||
- [ ] A hierarquia visual guia o olhar para as ações principais?
|
||||
- [ ] Fluxos de confirmação e cancelamento são claros?
|
||||
- [ ] Fluxos de confirmação, cancelamento e navegação cruzada (*drill-down*) são claros?
|
||||
|
||||
## Memória Persistente & Identidade do Projeto
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue