gpt-taste

Generate AIDA-structured landing pages with GSAP ScrollTrigger motion and dense bento grids.

Updated May 5, 2026
One-click install
npx skills add https://github.com/XCmiaow/cc-deploy --skill gpt-taste-xcmiaow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gpt-taste
Source: https://github.com/XCmiaow/cc-deploy/tree/main/skills/gpt-taste
Command: npx skills add https://github.com/XCmiaow/cc-deploy --skill gpt-taste-xcmiaow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the tendency of generic AI UI outputs to produce biased, low-quality layouts with cramped typography, empty bento grids, and repetitive motion patterns.

Core Features & Use Cases

  • AIDA-first page architecture: Forces a Navigation + Attention (Hero) + Interest (Bento/Features) + Desire (GSAP reveals/pinning) + Action (CTA/Footer) structure with cinematic spacing.
  • Python-driven deterministic variation: Uses a simulated RNG approach to vary hero architecture, typography stack, component architectures, and GSAP paradigms while preventing repeated designs.
  • Mathematically dense bento grids: Applies gapless grid execution via dense grid flow and careful span interlocking to eliminate empty cells.
  • Advanced GSAP motion requirements: Enforces ScrollTrigger pinning/stacking/scrubbing, hover physics, scroll fades/scales, and text reveal scrubbing.
  • Professional typography and constraints: Prevents narrow-container 6-line headings, bans meta-labels, and ensures readable button contrast.

Quick Start

Ask gpt-taste to generate an AWWWARDS-level, AIDA-structured, GSAP-motion-rich landing page with wide 2–3 line hero typography and gapless bento grids for your chosen product theme.

Frequently Asked Questions about gpt-taste

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

FAQPage Schema
How do I generate AIDA-structured landing pages with GSAP ScrollTrigger motion?

To generate AIDA-structured landing pages with GSAP ScrollTrigger motion, you need a system that enforces cinematic spacing, scroll-pinned galleries, and hover-reactive cards. This approach ensures modern marketing pages avoid repetitive, low-quality default designs.

Why do AI-generated bento grids have empty cells and cramped typography?

AI-generated bento grids have empty cells and cramped typography due to biased, low-quality layout outputs. You can eliminate this by enforcing mathematically dense, gapless grid execution via dense grid flow and careful span interlocking.

What is the best way to build scroll-pinned galleries using GSAP and bento grids?

The best way to build scroll-pinned galleries using GSAP and bento grids is to apply an AIDA-first page architecture. This enforces ScrollTrigger pinning, stacking, and scrubbing behaviors alongside gapless dense grids to eliminate empty cells.

Can I use Python to vary typographic design systems and prevent repetitive UI layouts?

You can use Python-driven deterministic variation to vary typographic design systems and prevent repetitive UI layouts. This simulated RNG approach alters hero architecture, typography stacks, and component architectures while ensuring strict visual hierarchy.

How to fix narrow-container 6-line hero headings in frontend engineering?

To fix narrow-container 6-line hero headings in frontend engineering, enforce strict typography constraints that demand ultra-wide containers for 2–3 line hero headings. This prevents cramped layouts and bans cheap meta-labels.

Does GSAP ScrollTrigger work with AIDA layout structures for product landing pages?

GSAP ScrollTrigger works seamlessly with AIDA layout structures for product landing pages by enforcing scroll fades, scales, and text reveal scrubbing. This combination creates AWWWARDS-level designs with professional typography and readable button contrast.