Audite e corrija problemas de acessibilidade em HTML, incluindo rótulos ARIA, navegação por teclado, gerenciamento de foco, contraste de cores e erros em formulários. Use ao adicionar controles interativos, formulários, diálogos ou revisar conformidade com WCAG.
Este skill capacita o agente de IA a auditar e corrigir problemas de acessibilidade em HTML, cobrindo aspectos críticos como rótulos ARIA, navegação por teclado, gerenciamento de foco, contraste de cores e erros em formulários. É particularmente útil para desenvolvedores que trabalham com controles interativos, formulários, diálogos ou que precisam garantir conformidade com as diretrizes WCAG (Web Content Accessibility Guidelines). O skill automatiza a identificação de violações comuns de acessibilidade e sugere correções precisas, funcionando em qualquer plataforma que suporte a execução de skills de IA, como Claude Code, Cursor e Codex. Ao ser acionado, ele analisa o código HTML fornecido, detecta deficiências como falta de atributos `aria-label`, problemas de contraste de cores, elementos sem foco adequado e erros de validação em formulários, e então gera um relatório com ações corretivas. Para implementar as correções, o skill pode modificar o código diretamente, adicionar atributos ARIA necessários, ajustar estilos de contraste, implementar foco programático e corrigir rótulos de formulário, tornando a aplicação mais inclusiva e em conformidade com padrões de acessibilidade.
npx skills add https://github.com/ibelick/ui-skills/tree/main/skills/fixing-accessibilityAudite e corrija problemas de acessibilidade em HTML, incluindo rótulos ARIA, navegação por teclado, gerenciamento de foco, contraste de cores e erros em formulários. Use ao adicionar controles interativos, formulários, diálogos ou revisar conformidade com WCAG.
This repo contains 3 individual skills — each has its own dedicated page.
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".