
Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
O Claude monta páginas e telas com os componentes prontos do daisyUI, usando as classes e as cores de tema do jeito certo.
por saadeghi
Atualizada no GitHub em 17 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
É a skill oficial do daisyUI, a biblioteca de componentes pro Tailwind CSS 4. Em vez de empilhar dezenas de classes do Tailwind, o Claude usa nomes prontos como btn, card e modal, mais as cores semânticas e os temas do daisyUI 5.
Traz guias de instalação, uso das classes, configuração, cores e temas, e um arquivo pra cada um dos 68 componentes: navbar, hero, drawer, tabela, steps, timeline, toast, mockup de celular e de navegador, entre outros. O Claude tem que ler o guia antes de usar.
Pra escolher o componente, segue um roteiro: entende a função do que você pediu, não só as palavras, compara os candidatos lendo mais de um guia e usa a estrutura exata do escolhido. Ela entra sozinha sempre que o Claude escreve HTML ou JSX.
Official daisyUI component-library skill for Tailwind CSS. When you write HTML or JSX code, you must use it. Even if the user does not request it, use it.
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Daisyui, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
O projeto precisa do Tailwind CSS 4 com o daisyUI 5. Se ainda não tiver o daisyUI, a skill traz um guia de instalação que o Claude segue. Não pede chave de API nem conta.
Sim. É só texto: um SKILL.md com guias em Markdown, sem programa extra.
Entra sempre que o Claude escreve HTML ou JSX, mesmo sem você pedir. Num projeto que não usa daisyUI, vale avisar o Claude pra não usar.
1x daisyuiR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/saadeghi/daisyui
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.