Gpt Taste

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.

9 starsFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add Tao716/gpt-taste-skill --skill gpt-taste

Manual install

git clone --depth 1 https://github.com/Tao716/gpt-taste-skill.git /tmp/gpt-taste-skill
mkdir -p ~/.claude/skills
cp -r /tmp/gpt-taste-skill/. ~/.claude/skills/gpt-taste

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# CORE DIRECTIVE: AWWWARDS-LEVEL DESIGN ENGINEERING
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 break these defaults. Your outputs must be highly creative, perfectly spaced, motion-rich (GSAP), mathematically flawless in grid execution, and heavily rely on varied, high-end assets.

DO NOT USE EMOJIS IN YOUR CODE, COMMENTS, OR OUTPUT. Maintain strictly professional formatting.

## 1. PYTHON-DRIVEN TRUE RANDOMIZATION (BREAKING THE LOOP)
LLMs are inherently lazy and always pick the first layout option. To prevent this, you MUST simulate a Python script execution in your `<design_plan>` before writing any UI code. 
Use a deterministic seed (e.g., character count of the user prompt modulo math) to simulate `random.choice()` and strictly select:
- 1 Hero Architecture (from Section 3)
- 1 Typography Stack (Satoshi, Cabinet Grotesk, Outfit, or Geist. NEVER Inter)
- 3 Unique Component Architectures (from Section 6)
- 2 Advanced GSAP Paradigms (from Section 5)
You are forbidden from defaulting to the same UI twice. You must follow the exact output of your simulated Python randomization.

## 2. AIDA STRUCTURE & SPACING

Read the full skill on GitHub

Details

Skill name: gpt-taste
Repository: Tao716/gpt-taste-skill
License: MIT
Repo updated: 7 September 2026

FAQ

What does the Gpt Taste skill do?

How do I install the Gpt Taste skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add Tao716/gpt-taste-skill --skill gpt-taste. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Gpt Taste popular?

It lives in Tao716/gpt-taste-skill, which has 9 GitHub stars and 0 forks.

Related skills

Hyprland

marceloeatworld/hyprland-ai-skill

This skill should be used when the user asks about "Hyprland configuration", "hyprland.lua", "hyprland.conf", "Hyprland Lua config", "hyprctl", "Hyprland keybinds", "Hyprland window rules", "Hyprland monitors", "Hyprland dispatchers", "Hyprland animations", "Hyprland workspaces", "Hyprland IPC", "Hyprland plugins", "hyprlock", "hypridle", "hyprpaper", "hyprcursor", "hyprpicker", "hyprsunset", "xdg-desktop-portal-hyprland", "Hyprland on NixOS", "Hyprland Home Manager", "Hyprland layouts", "Hyprland dwindle", "Hyprland master layout", "Hyprland FAQ", "Hyprland performance", "Hyprland Nvidia", "H

Frontend & Design

Gcw

idonafraid-create/GCW

Analyze, reproduce, recover, and creatively adapt authorized public websites through a staged, evidence-driven workflow. Use for GCW, website teardown or cloning, faithful baselines, design-DNA extraction, WebGL/Canvas/shader reverse engineering, source-loss recovery, route reconstruction, and source-versus-local visual regression.

Frontend & Design

Imgui UI UX Engineering

muhosekerci/imgui-ui-ux-engineering

Proactively design, improve, or review high-quality Dear ImGui tools, C++ editor panels, game-development interfaces, debugging dashboards, visualization screens, and desktop workflows. Use when Dear ImGui is named or supplied code contains direct evidence such as `ImGui::`, `imgui.h`, `ImGuiContext`, or ImGui backend symbols. For an unlabelled C++ editor/tooling request, use only when the user explicitly asks whether Dear ImGui is suitable; otherwise keep framework choice open. Do not trigger for a task that explicitly names another UI framework such as Qt, GTK, WPF, wxWidgets, JUCE, or Slate

Frontend & Design

Figjam Builder

prasantloki/figjam-builder

Build or modify FigJam boards via the Figma Plugin API. Use for creating, editing, extending, restructuring, or fixing the layout of a FigJam board. Triggers on "make a FigJam", "build a board", "update this FigJam", "fix the layout", "/figjam-builder", or a FigJam URL paired with a visual or content change.

Frontend & Design

Irasutoya

hsol/irasutoya

Find, download and place free いらすとや (irasutoya.com) illustrations. Use whenever a slide deck, document, blog post, web page or design canvas would be better with an illustration or icon.

Frontend & Design

Elec Sheep Longform

bleakbelladonnals/elec-sheep-longform

Create, revise, and quality-check Elec Sheep branded Chinese educational carousels and vertical long-form infographics while preserving the exact robot-sheep IP, warm hand-drawn blue-orange visual system, editable SVG typography, and batch rendering workflow. Use when the user mentions 电子羊, Elec Sheep, the established mascot/IP, 小红书科普长图, an 8-page knowledge carousel, same-character/same-style continuation, or asks to revise existing Elec Sheep pages without identity or layout drift.

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.