Dark Mode

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.

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.

hig-foundations é a skill de fundamentos do Apple HIG para Design de UI. Use-a para decisões de cor, tipografia, símbolos, materiais, motion, privacidade, layout, RTL, acessibilidade e alinhamento com o sistema antes de avançar para padrões ou componentes.

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.