gpt-taste

仓库创建 2026年2月2日最近提交 4 天前SkillHot 收录 20 天前
▸ 精选理由

适合追求极致视觉/动画效果的设计或前端产出场景。

这个 Skill 做什么

作为高级前端设计工程师的指令集,输出高质视觉与交互规范。

能把页面的视觉和动效规范写到 AWWWARDS 水准:包括版式、宽字距编辑排版(避免六行换行)、gapless bento grids、严格的 AIDA 结构和基于 GSAP 的 ScrollTriggers(pin、stack、scrub)等细节。适合要把产品视觉与交互做成高保真规范、给前端/动效工程师落地的时候用。特别之处是把随机化、布局变体和严格的动效策略写清楚,方便开发直接实现。

▸ 展开 SKILL.md 英文原文

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.

内容创作设计规范前端动效视觉指南通用
456
Stars
41
Forks
34
仓库内 Skill
+8
7 日增星
安装 / 使用
给你的 Agent 一句话(通用)
帮我安装这个 skill:https://raw.githubusercontent.com/mxyhi/ok-skills/main/gpt-taste/SKILL.md
或 curl 直取 SKILL.md
curl -fsSL "https://raw.githubusercontent.com/mxyhi/ok-skills/main/gpt-taste/SKILL.md"
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 profess
via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有