Design
Criar páginas web com visual uniforme e fáceis de usar para todos
Use ao criar ou revisar as telas de um site. Define o que aparece primeiro, espaços, tamanhos de letra, cores, botões reutilizáveis e respostas ao clicar, e antes de publicar verifica com números a acessibilidade e a velocidade.
Crie e atualize uma biblioteca de componentes de UI que siga as regras de design
Use quando uma IA adicionar ou alterar componentes de uma biblioteca de UI tipada. Ela lê primeiro as especificações, usa valores de design comuns, testa teclado e acessibilidade, sincroniza documentação e demos e passa em todas as verificações.
Testar uma ideia de design com usuários em um sprint curto antes de decidir (design sprint)
Para quando uma decisão importante trava por dúvidas sobre uma experiência, serviço ou mensagem. Define as perguntas e quem decide, cada pessoa esboça ideias sozinha, cria um protótipo realista, testa com usuários um a um e escolhe o próximo passo.
Escolha um modelo pelo clima desejado e crie uma apresentação HTML
Use para criar slides a partir de um resumo. Pergunta a ocasião e o clima, mostra três prévias do slide de título com seu conteúdo real, preenche o modelo escolhido sem mudar o estilo e confere cada arquivo no navegador.
Crie uma ferramenta de design para agentes de IA com comandos e verificações em ordem
Use ao criar ou atualizar uma ferramenta de design para agentes de IA. Lê o projeto, pergunta se é para uma marca ou um aplicativo, liga cada comando a uma fonte, segue as regras de cor e de texto, separa novas versões do trabalho diário e testa primeiro cada nova verificação.
Alterar uma biblioteca de componentes de interface e verificar que nada quebrou
Use quando uma IA alterar componentes de interface guardados em um só repositório (monorepositório). Ela segue os comandos e pacotes dele, escreve erros que dizem como corrigir, testa como um usuário real, verifica acessibilidade e capturas de tela e gera de novo a documentação da API.
Criar apps e sites que pessoas com deficiência também consigam usar (acessibilidade)
Use ao criar um app ou site. Encontra onde as tarefas travam por visão, audição, movimento ou compreensão, revisa contraste, ferramentas de apoio, legendas, teclado e efeitos piscantes, e testa antes de publicar.
Mantenha organizado o repositório de código de um produto com app e linha de comando
Use quando uma IA trabalha no grande repositório de código de um produto com app e linha de comando. Ela segue as regras em ordem, põe o código de cada parte no lugar, adiciona cada recurso novo aos dois, confere as mudanças com o teste mais leve e confere cada versão antes do lançamento.
Escreva a documentação de um sistema de design e mantenha-a atualizada
Use para documentar o sistema de design da sua equipe. Define o que cobrir, divide o trabalho em páginas por prioridade, explica cada componente com o quê, por quê, quando e como, e antes de publicar verifica se documentação, design e código coincidem.
Crie um sistema de design que a IA saiba usar e confira os componentes que ela gera
Para criar ou mudar um sistema de design que a IA usa para montar telas. Lê primeiro a documentação do ramo atual, usa só o CSS que a ferramenta de estilos suporta de fato, mantém a documentação em dia e testa se a IA cria os componentes corretamente.
Crie regras de marca para que ela seja reconhecida em qualquer lugar
Use ao criar ou renovar a aparência e a voz de uma marca. Parte do propósito e dos valores, define regras para logo, cores, fontes e layout com bom contraste, reúne os recursos em um só lugar para as equipes e revisa e melhora as regras com o tempo.
Planeje uma pesquisa de design com pessoas de diferentes capacidades e idiomas
Use antes de conversar com usuários para orientar um design. Liga os objetivos a decisões, escolhe métodos e funções, recruta pessoas de diferentes capacidades e idiomas, as protege e remunera, e mantém as anotações privadas.
Mapeie a jornada dos seus clientes, do primeiro contato à renovação, e ordene as melhorias
Use quando clientes desistem cedo ou um grupo está menos satisfeito. Pergunta sobre seu negócio, quais clientes mapear e até onde, e mostra por etapa o que eles pensam e sentem, onde travam e melhorias ordenadas com responsável.