gpt-taste
Crie designs frontend premiados com animações GSAP
Modelos de IA padrão geram layouts previsíveis com espaçamento precário e componentes genéricos. Esta skill impõe padrões de design nível AWWWARDS com randomização em Python, movimento GSAP e grids matematicamente perfeitos.
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "gpt-taste". Create a landing page for a premium coffee subscription service
Resultado esperado:
Uma seção herói cinematográfica com tipografia centralizada e background radial escuro. Abaixo: um grid bento de 4 cards com imagens ricas, cada card com animações de scale no hover. Uma seção GSAP pinned à esquerda rola pelos benefícios do produto enquanto imagens escalam e desvanecem à direita. CTA final com botão de contraste massivo.
A utilizar "gpt-taste". Build a SaaS features page with scroll animations
Resultado esperado:
Navegação floating glass pill. Herói com H1 máximo de 2 linhas em container ultra-wide. Seção de interesse com cards de grid intertravados matematicamente usando grid-flow-dense. Seção de desejo com revelações via text scrubbing e card stacking. Seção de ação com CTA de alto contraste.
A utilizar "gpt-taste". Design a portfolio with GSAP motion effects
Resultado esperado:
Navegação split minimalista. Herói com assimetria artística e overlay de imagem flutuante. Accordions horizontais para projetos. Marquee infinito para logos de clientes. Carousel de depoimentos com retratos sobrepostos. Backgrounds ambiente com borrão radial profundo ao longo de toda a página.
Auditoria de Segurança
SeguroEvaluated 45 static security findings. All detections are false positives: backtick syntax is markdown formatting, cryptographic flags triggered by design terms (randomization, seed), and network flag is legitimate picsum.photos placeholder service. This is a markdown design prompt skill with no executable code, no malicious operations, and no confirmed security risks.
Pontuação de qualidade
O Que Você Pode Construir
Lançamentos de projetos web de agência
Gere landing pages premiadas com animações cinematográficas para apresentações de clientes e decks de pitch
Landing pages para startups
Crie páginas de produtos impressionantes com efeitos de scroll GSAP que impressionam investidores e early adopters
Redesign de sites de portfólio
Transforme portfólios estáticos em vitrines ricas em movimento com cards empilhados e revelações parallax
Tente Estes Prompts
Create a landing page for [product name] targeting [audience]. Focus on [primary feature].
Build a feature showcase page with GSAP scroll pinning. The product is [description] and the main value prop is [tagline].
Design a complete AIDA campaign page. Product: [name]. Hero should emphasize [emotion]. Features need [specific animations]. CTAs should drive [action].
Create a bento grid layout showing [N] products. Each card should have [specific hover behavior]. Grid must be gapless. Images: use [theme] keywords.
Melhores Práticas
- Sempre inclua etapa de randomização Python para quebrar padrões padrão da IA e garantir layouts únicos
- Verifique a largura do container H1 (max-w-5xl ou maior) antes de gerar para evitar wraps de 6 linhas
- Aplique grid-flow-dense em todo grid bento e verifique matematicamente o entrelaçamento de colunas
Evitar
- Evite usar fonte Inter - use Satoshi, Cabinet Grotesk, Outfit ou Geist em vez disso
- Não inclua meta-labels como SECTION 01 ou QUESTION 05 - elas parecem não profissionais
- Nunca use containers herói estreitos que forcem o texto H1 a quebrar em 4+ linhas