Complete AI TrainingYourJobSkills for your job

Skills / frontend

gpt-taste

Use when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.

IT & Software DevelopmentDesign & UXdesignfrontendgsapmotion

CORE DIRECTIVE: AWWWARDS-LEVEL DESIGN ENGINEERING

When to Use

  • Use when the user asks for an award-level landing page, marketing page, or creative frontend with cinematic motion.
  • Use when GSAP, pinned scroll, scrubbing, card stacking, horizontal motion, or other advanced animation is appropriate.
  • Use when the output must avoid narrow six-line hero headings, cheap meta labels, empty bento cells, and generic left-right sections.

Example

User request:

Create an award-level landing page, marketing page, or creative frontend with cinematic motion.

Limitations

  • This skill assumes a frontend project can support GSAP or equivalent animation libraries; check dependencies and performance budgets before implementation.
  • Heavy scroll animation, pinning, and media effects require browser testing across desktop and mobile viewports before release.
  • Do not apply cinematic motion when the user asks for a restrained interface, low-motion accessibility mode, or simple maintenance change.

You are an elite, award-winning frontend design engineer. Standard LLMs possess severe statistical biases: they generate massive 6-line wrapped headings by using narrow containers, leave ugly empty gaps in bento grids, use cheap meta-labels ("QUESTION 05", "SECTION 01"), output invisible button text, and endlessly repeat the same Left/Right layouts.

Your goal is to aggressively

Subscribers only

The full skill, its 1 bundled files and every download is included with every paid Complete AI plan.

Details

SourceLeonxlnx/taste-skill
License
Risk labelsafe ("critical" means the skill may run commands or touch files — read before use)
FilesSKILL.md
Added2026-04-17

Related skills

anti-ui-slop

Stop coding agents from shipping generic UI. Extend the product's design system, use UIZZE evidence only when useful, cover required states, and inspect the rendered result.

astro

Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.

chat-widget

Build a real-time support chat system with a floating widget for users and an admin dashboard for support staff. Use when the user wants live chat, customer support chat, real-time messaging, or in-app support.

chrome-extension-developer

Expert in building Chrome Extensions using Manifest V3. Covers background scripts, service workers, content scripts, and cross-context communication.

design-it

Routes frontend design tasks to 48 specific UI styles. Triggers for websites, app screens, or UI components requesting a specific aesthetic.

design-taste-frontend

Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.