Communitygithub.com

Xaomisatoshi/ultra-3d-premium-landing-architect-skill

Cria landing pages completas, responsivas e premium com 3D ultra-realista a partir de um briefing curto, incluindo copy de conversão, direção visual, interações, código acionável ou guia para construtor no-code e gate de QA verificável. Use para criação de landing pages, webdesign premium, sites 3D, páginas de produto interativas, redesigns de sites e páginas de conversão.

O que é ultra-3d-premium-landing-architect-skill?

Esta skill capacita um agente de IA a projetar e gerar landing pages de página única ultra premium com elementos 3D imersivos, com base em um briefing curto fornecido pelo usuário. A skill não se limita a um único estilo visual; ela exige que o agente selecione aleatoriamente um estilo de design de uma lista abrangente (como Neobrutalismo, Suíço, Glassmorfismo, Bauhaus, e muitos outros) ou combine 2-3 estilos, garantindo diversidade criativa e evitando vícios de design. A skill foca em experiências 3D interativas, incluindo efeitos de rastreamento do mouse, animações ao scroll e configuração de produtos 3D por clique, além de suportar elementos como glassmorfismo, mockups de dispositivos 3D e animações sutis. É ideal para criar landing pages de alto impacto para startups de tecnologia, Web3, produtos digitais e marcas premium, fornecendo tanto o código implementável quanto um guia para construtores no-code. A skill opera em plataformas como Claude Code, Cursor e Codex, seguindo as diretrizes do arquivo SKILL.md para garantir consistência e qualidade profissional.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Xaomisatoshi/ultra-3d-premium-landing-architect-skill/tree/HEAD

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Ultra 3D Premium Landing Architect

Crie uma LANDING PAGE DE PÁGINA ÚNICA usando um ESTILO DE DESIGN SELECIONADO ALEATORIAMENTE da lista a seguir, ou escolha seu próprio estilo se encontrar algo mais adequado que não esteja listado, ou você também pode combinar 2-3 estilos de design. IMPORTANTE: Use um processo aleatório – qualquer método que garanta variedade. NÃO recorra automaticamente ao "Neobrutalismo" ou a um estilo favorito específico. Faça uma seleção verdadeiramente aleatória.

Estilos de Design Disponíveis (a lista não é exaustiva – sinta-se à vontade para identificar e usar outros estilos profissionais):

  • Neobrutalista (aparência crua, ousada, provocativa com impacto estruturado)

  • Suíço/Internacional (baseado em grade, sistemático, tipografia extremamente clara)

  • Editorial (inspirado em revistas, tipografia sofisticada, orientado a artigos)

  • Glassmorfismo (camadas translúcidas, fundos desfocados, profundidade)

  • Retro-futurista (visão de futuro dos anos 80, nostalgia sofisticada)

  • Bauhaus (simplicidade geométrica, formas primárias, forma segue função)

  • Art Déco (padrões elegantes, luxo, sofisticação vintage)

  • Minimalista (redução extrema, máximo espaço em branco, apenas o essencial)

  • Plano (sem profundidade, cores sólidas, ícones simples, claro)

  • Material (inspirado no Google, cartões, sombras suaves, movimento)

  • Neomórfico (sombras suaves, elementos extrudados, tátil)

  • Monocromático (variações de uma única cor, profundidade tonal)

  • Escandinavo (Hygge, materiais naturais, minimalismo acolhedor)

  • Japandi (fusão japonesa-escandinava, Zen encontra Hygge)

  • Dark Mode First (projetado para interfaces escuras, elegância de alto contraste)

  • Modernista (linhas limpas, beleza funcional, atemporal)

  • Renderizações 3D & Computador/Tecnologia

  • O "Glassmorphism"

  • O "Blob" orgânico

  • Ondas de Partículas 3D: Centenas de pequenos pontos ou linhas que se movem como uma onda digital – ideal para startups de IA, Web3 ou dados.

🌐 Experiências 3D Imersivas & Animações ao Scroll

📱 Mockups de Dispositivos 3D

✨ Micro-animações com Função

🪟 Glassmorfismo & Modo Escuro

🖤 Elementos 3D Isométricos

#efeitos 3D interativos para landing page:

  1. Mouse-Track: O objeto 3D (por exemplo, um gadget de tecnologia ou um cubo de código abstrato) na área hero se move minimamente com o mouse do usuário.
  2. Scroll-Animate: Quando o usuário rola para baixo, o produto (por exemplo, um tênis ou uma garrafa) gira, se desmonta em suas partes (desenho explodido) e explica os recursos.
  3. Clique-Configurador: Os usuários podem clicar em diferentes cores ou botões do gráfico 3D, fazendo com que o modelo mude em tempo real.

Habilidades Relacionadas