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.

ui-design-system é uma skill do Claude para Design Systems que ajuda a gerar design tokens, escalas de cores, tipografia, espaçamento, regras responsivas, documentação de componentes e materiais de handoff para desenvolvedores, com referências e um gerador de tokens em Python para saída em JSON, CSS, SCSS ou resumo.

apple-hig-expert é uma skill do Claude para design e auditorias baseadas no Apple HIG em iOS, macOS, watchOS e visionOS. Ela oferece notas por plataforma, orientação de acessibilidade, revisão visual de Liquid Glass, um template de auditoria HIG e um checker em Python para contraste e alvos de toque.

md-review converte descrições de PR em markdown com blocos de diff unificado e callouts de severidade em uma revisão de código HTML de arquivo único, em duas colunas. A skill usa scripts de parser, anotação e renderização, exige um revisor nomeado, aceita as convenções BLOCKER/MAJOR/MINOR/NIT e preserva sinais de severidade acessíveis.

email-template-builder ajuda equipes a projetar sistemas de email transacional com templates em React Email ou MJML, integrações com provedores como Resend, Postmark, SendGrid ou AWS SES, ferramentas de preview, i18n, dark mode, verificações de entregabilidade e tracking. É mais indicada para equipes de SaaS e produto que querem substituir emails HTML pontuais por fluxos de trabalho sustentáveis e fáceis de manter.