Accessibility

healthcare-emr-patterns é uma skill prática para design de EMR/EHR em saúde. Ela aborda fluxos de atendimento de pacientes, evolução clínica, checagem de medicações, destaque de resultados laboratoriais, trilhas de auditoria, integração com CDSS e entrada de dados médicos com foco em acessibilidade, para fluxos de trabalho clínicos mais seguros.

flutter-dart-code-review é uma checklist agnóstica de biblioteca para code review em Flutter e Dart, cobrindo arquitetura, qualidade de widgets, gerenciamento de estado, performance, acessibilidade, segurança e código limpo. Use como um guia estruturado de flutter-dart-code-review para Code Review em BLoC, Riverpod, Provider, GetX, MobX, Signals ou padrões personalizados.

browser-qa é uma skill de QA para navegador voltada a testes visuais pós-deploy, validação de interações, screenshots responsivos e revisão de acessibilidade com automação de navegador. Ela ajuda desenvolvedores frontend e equipes de QA a verificar páginas de staging ou preview com um guia reproduzível do browser-qa, em vez de depender de um prompt genérico.

A skill de accessibility ajuda você a projetar, implementar e auditar interfaces acessíveis com orientação WCAG 2.2 Nível AA para Web, iOS e Android. Use-a para mapear papéis de componentes, rótulos, estados, comportamento de foco e atributos de acessibilidade, com uso prático de accessibility para trabalhos de UX Audit e revisões de implementação.

frontend-design transforma ideias vagas de UI em interfaces marcantes e prontas para produção, com código frontend real, direção estética clara e menos visual genérico de IA.

ux-designer é uma skill estruturada de design de UX para pesquisa, acessibilidade, arquitetura da informação, fluxos de interação, orientação para wireframes e UX writing. Ela ajuda equipes a transformar ideias iniciais de produto em decisões de design mais claras e baseadas em critérios, usando `AGENTS.md` e arquivos de regras focados.

visualization-expert é uma skill leve para seleção de gráficos, boas práticas de visualização e exemplos de código em matplotlib ou plotly. Use-a para escolher gráficos melhores, avaliar dashboards e aplicar orientações claras e acessíveis de visualização de dados a partir de um único arquivo SKILL.md.

A skill de qa testa sistematicamente uma aplicação web, encontra bugs e valida correções com um fluxo de trabalho em etapas. Use-a para testes de regressão, checagens de prontidão para release ou como um guia estruturado de QA quando você precisar de evidências, classificação de severidade e ciclos curtos de corrigir e retestar, em vez de um prompt genérico de caça a bugs.

ui-ux-pro-max é uma skill completa para design UI/UX assistido por IA. Oferece orientações estruturadas sobre layouts, estilos, sistemas de cores, tipografia e regras de UX para web e mobile. Ideal para devs e equipes que buscam decisões práticas em React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter e HTML/CSS. Use para planejar, revisar e aprimorar interfaces com inteligência de design selecionada.

ckm:ui-styling facilita a criação de interfaces acessíveis e prontas para produção usando shadcn/ui, Tailwind CSS e design visual em canvas. Ideal para projetos React que exigem layouts estruturados, componentes acessíveis, dark mode e sistemas de design consistentes. Use ckm:ui-styling para design de UI, temas e prototipagem rápida com orientações práticas para cada stack.

ckm:brand é uma skill de workflow de branding para criar, atualizar e revisar guidelines de marca, mensagens, tom de voz, identidade visual e sincronização de design tokens com scripts e checklists práticos.

A skill accessibility-compliance ajuda equipes a auditar e melhorar interfaces web ou mobile com orientações práticas sobre WCAG 2.2, ARIA, acesso por teclado, leitores de tela e acessibilidade mobile. Ideal para auditorias de UX, correções em componentes e recomendações prontas para implementação.

design-system-patterns ajuda equipes a criar bases de UI escaláveis com estrutura de tokens, arquitetura de temas e padrões reutilizáveis de API de componentes para design systems e bibliotecas de componentes.

A skill web-component-design ajuda equipes a projetar componentes de UI reutilizáveis para React, Vue e Svelte, com padrões sólidos de API, orientações de acessibilidade e referências sobre trade-offs de estilização para design systems.

mobile-android-design ajuda agentes a orientar interfaces Android nativas com Material Design 3, Jetpack Compose, theming, navegação e padrões de layout adaptativo para celulares, tablets e foldables.

A skill mobile-ios-design ajuda agentes a produzir orientações de UI com aparência nativa do iOS, com princípios do Apple HIG, padrões de SwiftUI, recomendações de navegação, acessibilidade e layouts adaptativos para iPhone e iPad.

Use a skill tailwind-design-system para criar design systems em Tailwind CSS v4 com tokens, temas, variantes, acessibilidade e orientações de migração do v3 para o v4.

wcag-audit-patterns é uma skill estruturada para auditorias WCAG 2.2 em revisões de acessibilidade. Use-a para combinar achados automatizados com verificações manuais, priorizar problemas por severidade e nível de conformidade, e gerar orientações práticas de correção para páginas, fluxos e componentes.

screen-reader-testing é uma skill prática para auditorias de UX e QA de acessibilidade. Saiba como usá-la para testar aplicações web com VoiceOver, NVDA e JAWS, priorizar a cobertura por navegador e plataforma, e avaliar formulários, comportamento de ARIA, gestão de foco e anúncios dinâmicos.

web-design-guidelines revisa código de UI com base nas Vercel Web Interface Guidelines, busca as regras mais recentes e retorna achados objetivos em formato arquivo:linha para auditorias focadas de UX e acessibilidade.

A skill harden ajuda a deixar designs de UI e especificações de interface prontos para produção, testando casos extremos, estados vazios, tratamento de erros, textos longos, localização, permissões e outros modos de falha do mundo real. Use-a para harden for UI Design quando você quiser menos surpresas de layout e regras de comportamento mais completas.

Clarify melhora textos confusos de UX, mensagens de erro, rótulos, etapas de onboarding e instruções para que as pessoas consigam agir com menos dúvida. É útil para Redação Técnica, conteúdo de suporte e equipes de produto que precisam de textos de interface mais claros. A skill começa pelo contexto, pelo público e pelo estado do usuário antes de reescrever, para que o resultado seja mais direto, específico e fácil de usar.

A skill audit executa uma auditoria técnica de UX em trabalhos de frontend, verificando acessibilidade, performance, theming, comportamento responsivo e anti-patterns. Ela gera achados com pontuação, níveis de severidade P0-P3 e um plano de ação, mas exige configuração prévia por meio de skills impecáveis relacionadas.

frontend-design é uma skill orientada por contexto para criar código de UI frontend com identidade e acabamento. Use-a para transformar público, caso de uso e tom de marca em decisões melhores de layout, tipografia, cor, motion, estados de interação e UX writing em páginas, componentes e fluxos.