gpt-taste

Generate cinematic UI design plans with GSAP motion and randomized layouts.

Updated Jan 12, 2026
One-click install
npx skills add https://github.com/coldter/kuldeep.tech --skill gpt-taste-coldter
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gpt-taste
Source: https://github.com/coldter/kuldeep.tech/tree/main/.agents/skills/gpt-taste
Command: npx skills add https://github.com/coldter/kuldeep.tech --skill gpt-taste-coldter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Elite front-end teams often struggle with generic, flat interfaces that fail to captivate users. This Skill enforces AWWWARDS-level design engineering, true randomness in layout decisions, and advanced GSAP motion to break common design defaults.

Core Features & Use Cases

  • Python-driven true randomization to select hero layout, typography, components, and GSAP paradigms.
  • AIDA-structured pages with generous vertical spacing and zero horizontal clamping.
  • Gapless Bento grids with dense layouts and interlocking grid spans.
  • Advanced GSAP motion patterns (pinning, scroll scrubbing, parallax, overlaps) for rich UX.
  • Component Arsenal (inline typography images, horizontal accordions, marquees, testimonials).
  • Strict content controls (no meta-labels, ambients, or spam elements) and accessible contrast.

Quick Start

Output a design_plan block following the protocol before implementing any UI code.

Frequently Asked Questions about gpt-taste

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

FAQPage Schema
How do I plan and generate cinematic UI layouts with GSAP motion?

To generate cinematic UI layouts, you must first output a design_plan block to enforce strict hero, grid, and GSAP animation specifications before implementing any front-end code. This ensures deterministic layout variation and AIDA-structured pages.

What is the best way to build gapless Bento grids for portfolio landing pages?

Building gapless Bento grids requires applying dense layouts with interlocking grid spans to break conventional grids. This approach uses Python-driven true randomization to select components and ensures zero horizontal clamping with generous vertical spacing.

Does this front-end design approach support AIDA-structured pages and strict content controls?

Yes, this front-end design approach explicitly supports AIDA-structured pages by enforcing strict content controls that eliminate meta-labels, ambients, and spam elements. It also ensures accessible contrast across wide typographic systems.

How do I use Python-driven randomization to select GSAP paradigms and hero layouts?

Python-driven true randomization selects hero layouts, typography, components, and advanced GSAP motion patterns like pinning, scroll scrubbing, and parallax. This mechanism breaks common design defaults to achieve AWWWARDS-level design engineering.

What advanced GSAP motion patterns can I apply for rich UX in front-end design?

Advanced GSAP motion patterns for rich UX include pinning, scroll scrubbing, parallax, and overlaps. These are applied alongside a component arsenal featuring inline typography images, horizontal accordions, and marquees to captivate users.

Why does my front-end design planning fail to break conventional grids and flat interfaces?

Front-end design planning fails to break conventional grids when it lacks true randomness in layout decisions and strict design constraints. Enforcing deterministic variation and advanced GSAP motion solves generic, flat interfaces that fail to captivate users.