DashboardsAvançado
Painel de resultados que impressiona a diretoria
Seus números e gráficos viram um painel claro e sofisticado, pronto para apresentar (dashboard executivo).
EM DESTAQUE NA BIBLIOTECA
Peça nova sem quebrar sua página
A partir de uma imagem de referência ou trecho de código, o elemento novo entra no seu HTML sem desmontar o que já funciona.
ApresentaçõesIntermediário
Apresentação que prende a atenção
Slides com ritmo visual, narrativa e transições profissionais, feitos em HTML para abrir em qualquer navegador.
DashboardsIntermediário
Indicadores que contam uma história
Cada número ganha contexto, tendência e próximo passo em cartões fáceis de ler (cards de KPI).
ComponentesAvançado
Comparação lado a lado que convence
Cenários, propostas ou resultados aparecem lado a lado, com leitura rápida e alto poder de convencimento.
DashboardsIntermediário
Painel completo esperando seus dados
A base pronta de um painel de dados, com menu lateral, indicadores, tabela, filtros e telas de espera para receber seus números.
HTMLAvançado
Peça nova sem quebrar sua página
A partir de uma imagem de referência ou trecho de código, o elemento novo entra no seu HTML sem desmontar o que já funciona.
HTMLAvançado
Página de refrigerante com efeito 3D
Uma página de marca de refrigerante em três dimensões, com sabores, partículas e interações de cinema (landing page imersiva).
HTMLAvançado
Escultura de bronze que ganha vida
Uma experiência 3D de cinema com escultura, luz e uma história que avança conforme a pessoa rola a página.
HTMLAvançado
Portfólio de estúdio com cara de revista
Um portfólio de design e engenharia com abertura animada, revelação interativa, projetos, serviços e transições refinadas.
HTMLAvançado
Página de clube de tênis premium
Programas, números e depoimentos entram numa página esportiva sofisticada, com abertura envolvente e movimento suave.
HTMLAvançado
Abertura neon que ocupa a tela inteira
Uma tela única com vídeo de fundo, letras gigantes, cursor personalizado e brilhos neon que reagem ao mouse.
3DAvançado
Túnel de luz em 3D
Um túnel de partículas luminosas avança conforme a pessoa rola a página e responde suavemente ao cursor.
3DAvançado
Oceano de pontos de luz
Milhares de pontos luminosos formam um mar esmeralda em movimento, com relevo, câmera dinâmica e atmosfera fluida.
3DAvançado
Viagem por um céu de estrelas
A tela vira um campo denso de estrelas com profundidade e cintilação, acelerando conforme a pessoa rola a página.
3DAvançado
Galáxias douradas girando na tela
Um universo de galáxias em órbita, com brilho, profundidade e clima de cinema para fundos que impressionam.
3DAvançado
Esfera de energia que pulsa
Uma esfera turbulenta de cores quentes pulsa e reage ao movimento do mouse, formada por milhares de partículas.
3DAvançado
Travessia calma entre brasas flutuantes
Partículas âmbar e brasas suspensas criam um espaço profundo e tranquilo, ideal para fundos atmosféricos.
ComponentesAvançado
Botão com aparência de metal líquido
Um botão em React com acabamento metálico, profundidade e ondulação ao clique, pronto para entrar no seu projeto.
HTMLAvançado
Abertura de página com efeito de cinema
Uma sequência de imagens cresce e domina a tela conforme a pessoa rola, criando uma abertura editorial de impacto (hero cinematográfico).
HTMLIntermediário
Abertura de página com luz degradê
O topo do site ganha atmosfera luminosa, menu que se adapta ao celular e botões de ação bem posicionados (hero com gradiente).
3DAvançado
Globo do mundo girando na tela
Conexões globais aparecem numa esfera 3D com rotação automática, pontos de luz e arcos animados (WebGL).
MockupsIntermediário
Vitrine do seu produto com profundidade
As telas do seu aplicativo ou site flutuam em camadas que ganham movimento conforme a pessoa rola a página (mockup com parallax).
3DAvançado
Abertura com blocos em três dimensões
Blocos tridimensionais com luz e profundidade acompanham o cursor e criam um topo de página imersivo.
ComponentesIntermediário
Conversa com IA que cria imagens
Uma simulação convincente de chat com inteligência artificial, percorrendo as etapas de criação até revelar a imagem final.
3DAvançado
Fundo animado com linhas de relevo
Linhas que lembram mapas de altitude ondulam em movimento contínuo, criando um fundo vivo e elegante (WebGL).
ComponentesIntermediário
Interruptor de liga e desliga realista
Um controle de ligar e desligar com molejo natural, ícones e resposta tátil, acessível e agradável de usar (switch Material).
AnálisesIntermediário
Entenda sua planilha antes do painel
A planilha é destrinchada em estrutura, qualidade e números centrais, e você recebe os cinco achados que realmente importam.
AnálisesIntermediário
Números traduzidos em texto de diretoria
Uma tabela de resultados vira um texto curto e direto, dizendo o que subiu, o que caiu e o porquê.
AnálisesIntermediário
Confira se os números do painel batem
Cada valor exibido é recalculado a partir dos dados originais, com uma tabela apontando o que confere e o que diverge.
HTMLAvançado
Slides que cabem em qualquer tela
Um deck de apresentação em HTML abre inteiro em qualquer monitor, com navegação pelo teclado e alinhamento garantido (palco fixo 1920x1080).
HTMLAvançado
Capa de apresentação fora do comum
A primeira tela da sua apresentação nasce com título forte, hierarquia clara e visual longe do modelo genérico.
HTMLAvançado
Controles de navegação na sua apresentação
Sua apresentação ganha uma barra flutuante com contador de páginas, botão de início, tela cheia e atalhos de teclado.
HTMLAvançado
Relatório inteiro em uma única tela
Todo o período resumido numa tela sem rolagem, com indicadores, gráfico principal, leitura dos números e próximos passos.
PainéisAvançado
Sua planilha vira um painel completo
Os dados da planilha viram indicadores, gráficos, ranking e tabela com filtro, num arquivo que abre direto no navegador (dashboard).
PainéisAvançado
Painel com filtros que conversam entre si
Um painel montado do zero em que cada filtro atualiza os demais, com contagem por opção e botão de limpar tudo (filtros em cascata).
PainéisAvançado
Adicione filtros ao seu painel pronto
Uma barra de filtros inteligentes entra no painel que você já tem, sem quebrar o visual, atualizando cartões, gráficos e tabelas juntos.
PainéisAvançado
Fileira de indicadores no topo do painel
Seu painel ganha uma linha de cartões de indicadores com medidas idênticas, números formatados e variação colorida (cards de KPI).
PainéisAvançado
Ranking com cores de alerta
Uma tabela ordenável com busca, paginação e exportação, em que cada linha recebe uma etiqueta colorida conforme a faixa de resultado.
GráficosIntermediário
O gráfico certo para cada pergunta
Antes de qualquer código, cada dado recebe o tipo de gráfico que responde à pergunta, com justificativa e a lista do que evitar.
GráficosIntermediário
Deixe seu gráfico com cara profissional
O gráfico que você já tem ganha título afirmativo, rótulos nos pontos certos, cores limpas e eixos honestos.
Validações de layoutIntermediário
Medição exata dos erros da tela
Um script para o console do navegador mede a posição real de cada elemento e lista erros e alertas com evidência.
Validações de layoutIntermediário
Cartões alinhados com medidas iguais
Cards e colunas ficam com o mesmo tamanho por construção, espaçamento único e margens simétricas dos dois lados.
Validações de layoutIntermediário
Fim do espaço vazio dentro do cartão
O conteúdo passa a preencher toda a altura do card, com a técnica certa para tabela, texto ou lista.
Validações de layoutIntermediário
Nenhum texto cortado ou escondido
Textos cortados, vazando da caixa ou cobertos por botões são localizados e corrigidos sem esconder conteúdo.
Validações de layoutIntermediário
Tela que abre inteira em qualquer monitor
O layout migra para um formato que se ajusta sozinho ao tamanho da janela, acabando com cortes em telas menores e no zoom (palco fixo).
Validações de layoutIntermediário
Textos fáceis de ler em qualquer fundo
As cores que dificultam a leitura são ajustadas com critérios objetivos de contraste, sem descaracterizar a paleta.
Validações de layoutIntermediário
Revisão completa antes de apresentar
Conteúdo, layout, navegação e parte técnica passam por um pente fino, com parecer de aprovado ou reprovado item a item.
Validações de layoutIntermediário
Textos e fontes revisados como profissional
Hierarquia, pontuação, números e fontes passam por revisão criteriosa, com uma lista de trocas para você aprovar antes de aplicar.
Skills para ClaudeAvançado
Sua rotina vira uma skill do Claude
Instruções que você repete toda hora viram uma skill permanente do Claude, com gatilhos escritos para ativar na hora certa.
Skills para ClaudeAvançado
Faça sua skill do Claude ativar sozinha
A description da skill é reescrita com as frases que o usuário realmente fala, para o disparo automático voltar a funcionar.
Skills para ClaudeAvançado
De prompt avulso a skill permanente
Um prompt que funciona bem vira uma skill do Claude, para você nunca mais precisar colar o texto toda vez.
Correções de bugsIntermediário
Encontre a causa do erro com método
Em vez de sair mudando código, o problema é investigado com hipóteses e evidências até a correção mínima da causa raiz.
Correções de bugsIntermediário
Erro do console explicado e corrigido
A mensagem de erro do navegador é traduzida para português simples e corrigida no ponto exato, com antes e depois.
Correções de bugsIntermediário
Recupere o que a última mudança quebrou
A alteração que quebrou algo é localizada e corrigida preservando os dois lados, a melhoria nova e o que já funcionava.
Scripts para RStudioAvançado
Planilhas limpas e cruzadas no RStudio
Um script pronto para rodar (tidyverse) lê, limpa e cruza suas planilhas, com resumo de qualidade impresso no console.
Scripts para RStudioAvançado
Gráfico do RStudio pronto para o slide
Seu gráfico em ggplot2 sai com tema limpo, título que afirma a mensagem, números em formato brasileiro e exportação em alta resolução.
Scripts para RStudioAvançado
Relatório mensal que se monta sozinho
Um relatório parametrizado (Quarto) roda todo mês trocando apenas o mês e o arquivo de dados, sem digitar número à mão.
Copiar um prompt leva dez segundos. Descobrir sozinho leva semanas.
A Licença Pro abre a biblioteca inteira, o Estúdio completo, os dois guias da Academy e as duas certificações, a partir de R$ 20,75 por mês no plano anual (R$ 249 cobrados uma vez por ano), ou R$ 29,90 mês a mês.