gpt-taste

Designs cinematic web interfaces with expressive layout and motion guidance.

Updated Jul 10, 2026
One-click install
npx skills add https://github.com/noticesfromchat/macos-app-digest --skill gpt-taste-noticesfromchat
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gpt-taste
Source: https://github.com/noticesfromchat/macos-app-digest/tree/main/.agents/skills/gpt-tasteskill
Command: npx skills add https://github.com/noticesfromchat/macos-app-digest --skill gpt-taste-noticesfromchat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? When a request calls for expressive composition or motion, generic layouts and gratuitous animation often produce unreadable, inaccessible pages. This Skill provides disciplined design direction for building cinematic web interfaces that stay readable, accessible, and consistent with an existing design system. ## Core Features & Use Cases - Composition Guidance: Chooses narrative structures (AIDA, editorial split, bento grids, asymmetry) based on content type, preserving reading and focus order. - Motion Discipline: Advises on scroll pinning, reveals, and card stacking while honoring reduced motion, cleaning up listeners, and keeping content usable without animation. - Asset and Verification Standards: Requires authentic imagery, keyboard controls, and real viewport inspection instead of placeholder content or invented performance claims. - Use Case: A designer asks for a cinematic landing page for a product campaign; the Skill guides headline sizing, negative space, scroll-based reveals, and accessibility checks before reporting verified results. ## Quick Start Use the gpt-taste skill to design a cinematic landing page for my product campaign with scroll-based motion and an editorial layout.

Frequently Asked Questions about gpt-taste

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

FAQPage Schema
When should I use GSAP for web animation?

Use the project's existing animation stack first and add GSAP only when the requested effect genuinely warrants it. Static layouts are valid, and clickable elements need clear focus states rather than mandatory movement.

How do I make scroll animations accessible?

Honor the reduced motion preference, pause off-screen animation loops, and clean up event listeners. Keep all core content visible and operable without animation, and ensure keyboard controls work on interactive elements.

What is a bento grid layout and when should I use it?

A bento grid arranges content in varied-size tiles planned around meaningful groups. Use it when it preserves reading and focus order; dense grid packing that scrambles that order should be avoided.

Can I use placeholder images in a design mockup?

No, a seeded placeholder URL is not a verified relevant image. Use actual subject imagery and preserve meaningful labels, metadata, and the project's house typography for authentic results.