gpt-taste

Design motion-rich web interfaces with GSAP ScrollTrigger and AIDA structure.

Updated May 22, 2026

Search Tags:#landing page #ux design #motion design #gsap #bento grid #editorial typography #layout engineering

Ready to run

npx skills add https://github.com/Nweremizu/ekklesia --skill gpt-taste-nweremizu

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: gpt-taste
Source: https://github.com/Nweremizu/ekklesia/tree/main/.junie/skills/gpt-taste
Command: npx skills add https://github.com/Nweremizu/ekklesia --skill gpt-taste-nweremizu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps create premium, high-impact web interfaces that avoid generic LLM layout patterns and instead produce polished, editorial-quality experiences.

Core Features & Use Cases

Cinematic hero design: Builds wide, breathable hero sections with strong hierarchy and compelling visual composition.
Dense bento layouts: Produces tightly interlocked grid systems that feel intentional, balanced, and visually refined.
GSAP motion direction: Adds scroll-triggered animation, pinning, stacking, and hover physics for a more dynamic presentation.
Use case: Ideal for landing pages, product showcases, creative agency sites, and portfolio experiences that need a luxury, award-ready feel.

Quick Start

Use the gpt-taste skill to design a premium motion-led landing page for my product, following the AIDA structure and GSAP interaction rules.

Frequently Asked Questions about gpt-taste

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I design a landing page that avoids generic AI layout patterns?▼

To design a landing page that avoids generic AI layout patterns, use deterministic layout randomization combined with AIDA page structure. This approach creates premium, motion-rich web interfaces with cinematic hierarchy and editorial typography instead of standard templates.

How do I add GSAP ScrollTrigger motion to a bento grid layout?▼

Adding GSAP ScrollTrigger motion to a bento grid layout requires directing scroll-triggered animation, pinning, stacking, and hover physics across tightly interlocked grid systems. This creates a dynamic, polished presentation for dense grid packing.

What's the best way to structure a portfolio site with cinematic hierarchy?▼

The best way to structure a portfolio site with cinematic hierarchy is using wide editorial typography and breathable hero sections. AIDA page structure combined with strict contrast and spacing validation ensures a luxury, award-ready feel.

Does this approach work for editorial product showcases that need dense grid packing?▼

Yes, this approach works for editorial product showcases needing dense grid packing by producing tightly interlocked grid systems. It ensures layouts feel intentional, balanced, and visually refined while maintaining strict contrast validation.

Why do my generated web interfaces lack premium motion and visual composition?▼

Generated web interfaces lack premium motion and visual composition when missing GSAP ScrollTrigger integration and strong visual hierarchy. Implementing deterministic layout randomization and AIDA structure ensures compelling, motion-rich interactions.

Can I use gpt-taste for creative agency sites needing award-ready interaction design?▼

Yes, you can use gpt-taste for creative agency sites needing award-ready interaction design. It crafts premium, motion-rich web interfaces with cinematic hierarchy, dense bento grids, and polished interaction design for luxury experiences.