Dark Mode

A skill frontend-ui-dark-ts ajuda você a criar UI React com tema escuro usando TypeScript, Tailwind CSS, Framer Motion e tokens de design reutilizáveis. Ela é indicada para dashboards, painéis administrativos, telas de analytics e outras interfaces ricas em dados que precisam de uma estética escura refinada e padrões consistentes de componentes.

ui-web ajuda você a projetar e estilizar componentes de UI web com verificações de WCAG 2.1 AA, alto contraste, controles visíveis e padrões Tailwind amigáveis ao modo escuro. Use este skill ui-web para front ends em estilo React quando precisar de orientação prática de UI Design que melhore a acessibilidade e reduza a dúvida na hora de decidir.

A skill de ui-testing oferece um fluxo de verificação de UI orientado por checklist para identificar botões invisíveis, baixo contraste, estados de foco ausentes e problemas em áreas de toque antes do lançamento. É ideal para revisões de UI Design, checagens de componentes e passagens rápidas de acessibilidade, com menos suposição do que um prompt genérico de testes.

ios-design-guidelines ajuda a revisar, ajustar e reescrever interfaces em SwiftUI/UIKit com base nas Diretrizes de Interface Humana da Apple para iPhone. É útil para orientar decisões práticas de layout, navegação, acessibilidade, Dynamic Type, Dark Mode e escolha de componentes do sistema quando você precisa de feedback confiável de ios-design-guidelines para UI Design.

makepad-2.0-theme é um skill de tema para Makepad 2.0, voltado para aplicar variáveis `theme.*`, alternar entre temas claro e escuro e manter a consistência do styling com design tokens. Use este guia para entender a instalação do makepad-2.0-theme e como usar o makepad-2.0-theme em interfaces de produção e sistemas de design.