Formação Claude Code
Domine Claude Code do absoluto zero até o avançado
- 120 aulas
- 4 projetos
- 9h 45min
Qual IA está por trás do Claude Design e o que ela usa para montar o rascunho?
Claude Design é movido pelo Claude Opus 4.7 e usa prompt, imagens, documentos e seu design system para montar o rascunho. Veja como funciona o beta.
Claude Design entende briefing em português? Como escrever o pedido no seu idioma
Claude Design em português entende o pedido, mas o resultado depende do briefing. Veja como escrever prompts específicos e evitar rascunhos genéricos.
Dá para usar o Claude Design no celular ou só no computador?
Claude Design no celular funciona? Veja onde a Anthropic libera a ferramenta hoje, o que dá pra fazer no app e por que o canvas ainda é só no computador.
OpenDesign ou Claude Design: qual escolher se você já tem um agente de código no laptop?
OpenDesign ou Claude Design: compare os dois antes de escolher. Veja preço, disponibilidade e como cada um usa a CLI de agente que já está no seu laptop.
Skill de design em projeto legado: como escrever regras sem quebrar o CSS que já existe?
Como escrever uma skill de design no Claude Code que protege o CSS legado: zona congelada, porquê de cada regra e padrão novo só em telas novas.
Skill de design para web e app: vale manter uma só ou separar?
Skill de design serve para web e app juntos ou é melhor separar? Veja o que é comum, o alvo de toque (WCAG, Apple, Material) e quando dividir o arquivo.
Como criar uma skill de design para dashboards no Claude Code: regras de gráficos, tabelas e densidade
Aprenda a criar uma skill de design para dashboards no Claude Code: regras de gráficos, cor com significado (WCAG) e densidade de tabelas.
Como padronizar botões, erros e estados vazios na skill de design do Claude Code?
Skill de design do Claude Code sem regra de texto gera botão genérico e erro vago. Veja como padronizar botões, erros e estados vazios no SKILL.md.
Já uso shadcn ou Tailwind: minha skill de design precisa repetir o que a biblioteca já define?
A skill de design precisa repetir shadcn e Tailwind? Veja o que a skill oficial já cobre (CLI, tokens, dark mode) e o que só você decide no projeto.
Dark mode em skill de design: como escrever as regras de tema sem duplicar tudo
Dark mode em skill de design sem duplicar paleta: contrato semântico, light-dark(), Tailwind v4 e a régua de contraste da WCAG explicados na prática.
Formação Vibe Coding
Do Prompt ao Produto: Crie Software Real com IA
- 474 aulas
- 20 projetos
- 39h 27min
Como colocar regras de acessibilidade dentro de uma skill de design do Claude?
Aprenda a criar uma skill de design do Claude com regras de acessibilidade fixas: contraste, foco visível, teclado e alvos de toque em toda geração.
Como criar uma skill de design quando o projeto não tem design system?
Sua skill de design não precisa de um design system pronto: aprenda a medir o CSS existente, separar padrão de exceção e criar regras reais no Claude Code.
Youtube
E-book
Conheça nosso e-book
Baixe agora o ebook Guia de Engenharia de Prompt do Zero ao Avançado.
