O que ai-friendly-web-design-skill faz?
Crie interfaces web amigáveis para IA com HTML semântico, ARIA, localizadores estáveis e práticas recomendadas de formulários para melhor automação e acessibilidade.
Crie interfaces web amigáveis para IA com HTML semântico, ARIA, localizadores estáveis e práticas recomendadas de formulários para melhor automação e acessibilidade.
Esta skill orienta desenvolvedores e agentes de IA na criação de interfaces web otimizadas para automação e acessibilidade. Ela promove o uso de HTML semântico (como `<header>`, `<nav>`, `<main>`, `<article>`) para estruturar conteúdo de forma lógica, facilitando a navegação por leitores de tela e ferramentas de teste automatizadas. Também enfatiza a implementação de atributos ARIA (Accessible Rich Internet Applications) para fornecer contexto adicional a elementos dinâmicos, como `aria-label`, `aria-hidden` e `role`, garantindo que assistentes de IA e scripts de automação possam interagir corretamente com a página. Além disso, a skill aborda o uso de localizadores estáveis para seletores (como `data-testid`) para evitar falhas em testes de interface e boas práticas de formulários, como validação nativa e `label` associado a `input`. Compatível com qualquer framework web (React, Vue, Angular, etc.), a skill integra-se a ferramentas como Playwright, Cypress e Selenium, permitindo que agentes de IA gerem código mais robusto e acessível desde o design inicial.
npx skills add avilaok8647/ai-friendly-web-design-skillCrie interfaces web amigáveis para IA com HTML semântico, ARIA, localizadores estáveis e práticas recomendadas de formulários para melhor automação e acessibilidade.
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".