1实现原理 · 为什么它能做到
整个 skill 是纯 prompt 指令文件（单文件 SKILL.md，无脚本/资产），靠 persona + 绝对命令把『高价设计』编译成可执行规则：先立 persona『Vanguard_UI_Architect』并给定目标，再以『硬失败』式禁令框死反模式。
skills/soft-skill/SKILL.md
**The Variance Mandate:** NEVER generate the exact same layout or aesthetic twice in a row. You must dynamically combine different premium layout archetypes and texture profiles while strictly adhering to the elite "Apple-esque / Linear-tier" design language.
注：『NEVER…twice in a row』把防重复直接写成硬约束——这是对抗模型输出同质化的核心机制之一。
负向清单（ABSOLUTE ZERO）先封底：字体/图标/边框阴影/布局/动效五类『AI 默认值』一旦出现即判失败，把廉价观感的来源逐项点名禁掉。
skills/soft-skill/SKILL.md
If your generated code includes ANY of the following, the design instantly fails: - **Banned Fonts:** Inter, Roboto, Arial, Open Sans, Helvetica. (Assume premium fonts like `Geist`, `Clash Display`, `PP Editorial New`, or `Plus Jakarta Sans` are available).
注：引文为原文引导句+首条禁令（连续两行）；随后同类 bullet 依次列出 Banned Icons/Borders/Layouts/Motion 等。这里在做什么：模型默认倾向输出 Inter+Lucide+灰边框+对称栅格，清单直接命中统计默认值；『Assume … are available』把字体决策交给宿主项目资源，skill 自身不加载任何字体。
正向生成由『组合式变异引擎』驱动：Vibe（氛围）× Layout（版式）各选其一、强调按上下文掷骰子，规避每次输出雷同；每种布局都自带移动端塌陷回退规则。
skills/soft-skill/SKILL.md
Before writing code, silently "roll the dice" and select ONE combination from the following archetypes based on the prompt's context to ensure the output is uniquely tailored but always premium:
注：Section 3 给出 3 种氛围（Ethereal Glass / Editorial Luxury / Soft Structuralism）与 3 种版式（Asymmetrical Bento / Z-Axis Cascade / Editorial Split），并规定 <768px 一律塌成 w-full 单列——变异引擎的代价由『移动覆盖规则』对冲。
组件级审美用具体 Tailwind 原子类写死：Double-Bezel（外框+内芯嵌套）、Button-in-Button 尾标、eyebrow 徽章，全部给出 class 级样板。
skills/soft-skill/SKILL.md
Never place a premium card, image, or container flatly on the background. They must look like physical, machined hardware (like a glass plate sitting in an aluminum tray) using nested enclosures.
注：紧接其下以 Outer Shell / Inner Core 两段给出 p-1.5、rounded-[2rem]、ring-1 ring-black/5、inset 高光等具体写法；把『贵』拆成可照抄的结构语法，而非抽象形容词。
动效全部按真实物理（mass/spring）规定：禁默认 transition，统一自定义 cubic-bezier，导航/按钮/入场均有编排脚本（stagger、morph、magnetic hover）。
skills/soft-skill/SKILL.md
Never use default transitions. All motion must simulate real-world mass and spring physics. Use custom cubic-beziers (e.g., `transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)]`).
注：『hamburger 变 X 的流体形变』『menu 全屏玻璃盖板 + 链接 stagger mask reveal』等具体 choreography 逐一列出，落地方式仍限标准前端三件套（HTML/React/Tailwind 类）实现。
性能护栏与实现纪律并列给出（transform/opacity-only、backdrop-blur 限 fixed/sticky、z-index 分层、噪声层 pointer-events-none），防止炫技拖垮移动端。
skills/soft-skill/SKILL.md
Never animate `top`, `left`, `width`, or `height`. Animate exclusively via `transform` and `opacity`. Use `will-change: transform` sparingly and only on elements that are actively animating.
注：与『高价』叙事配套的是工程约束——明显针对『好看但卡』的失败模式；Section 5C 还点名滚动监听必须用 IntersectionObserver 或 Framer Motion 的 whileInView，禁 window scroll 监听。
交付有执行协议 + 11 项 pre-output 检查矩阵收口，输出统一为像素级 React/Tailwind/HTML 且禁止通用降级。
skills/soft-skill/SKILL.md
**[OUTPUT]** Deliver flawless, pixel-perfect React/Tailwind/HTML code. Do not include basic, generic fallbacks.
注：Section 7 五步（SILENT THOUGHT→SCAFFOLD→ARCHITECT→CHOREOGRAPH→OUTPUT）与 Section 8 逐项勾选清单让模型交付前自审，是纯 prompt skill 常用的『过程门禁』手法。
2核心能力
01高价/agency 级设计语言完整定义：字体、留白尺度（py-24~40）、阴影、卡片结构、微交互全部落到具体数值与 class
02反 AI 默认值硬封禁：5 类 18+ 条 banned 模式，违反即整体判失败
03Vibe×Layout 组合变异引擎（3×3 选项）+ 每布局移动端塌陷规则
04Double-Bezel 嵌套组件语法（外框+内芯双背景双圆角）
05物理感动效编排：自定义 cubic-bezier、流体汉堡菜单、stagger 蒙版 reveal、magnetic hover
06性能纪律：transform/opacity-only 动画、blur 只用于 fixed/sticky、z-index 系统分层
07交付门禁：11 项 pre-output 自检矩阵（banned 复查/bezel/呼吸感/bezier/塌陷/GPU）
3外部依赖
| 类型 | 依赖 |
|---|---|
| package | Framer Motion |
| package | Phosphor Light / Remix Line 图标库 |
| package | Geist / Clash Display / PP Editorial New / Plus Jakarta Sans 字体 |
4风险提醒 风险提醒：绿色 · 放心使用
风险提醒：绿色 · 放心使用
- 纯文本命令，遵从度完全依赖宿主模型 — 无任何可执行校验；若宿主模型忽略禁令（如仍用 Inter/Lucide），文件无强制手段，只能靠提示工程强度。
- 字体/库『假设可用』可能诱导外链或降级 — Geist/PP Editorial New 等若项目未安装，agent 可能擅自引入字体 CDN（不可控外链）或静默退回默认字体，破坏设计意图。
- 绝对化命令缺仲裁：用户点名要被禁元素时无优先级规则 — 『Banned Fonts: Inter…』等无『除非用户明确要求』豁免条款；与用户显式指令冲突时行为不可预测。
- 风格强、通用性窄：只输出一种『高价』气质 — 对极简编辑风、工业粗野风、存量系统改造等场景不适用，需搭配家族其它 skill 使用。
风险提醒：绿色，放心使用。纯指令型单文件 skill：无脚本执行、无网络外发、无凭证读取、无文件写入（生成代码由宿主 agent 依任务写出，属宿主授权行为面）。注意点仅为字体/库可用性假设可能诱导生成代码引入外链、以及指令遵从依赖宿主模型，均不构成代码级风险。
5第二遍独立确认
- [ok] 目录资产面（含隐藏/未跟踪文件） — git ls-files + ls -A 双查：该 skill 目录仅 1 个文件 SKILL.md，无 scripts/references/模板/数据/隐藏文件，无可执行代码。
- [ok] 执行类 token 扫描 — 逐文件扫描 bash/exec/child_process/curl/wget/fetch/axios/process.env/API_KEY/.env/fs./writeFile/.github 等零命中（brutalist 一处 'sans-serifs.' 单词结尾 fs. 为误报，人工复核排除）。
- [ok] 引文逐条 grep -F 字节复核 — 本 JSON 所用全部 quote 均以 grep -F 在 pin commit 工作树中逐条验证存在，无 paraphrase 冒充。
- [ok] 元数据与 pin 核对 — 本地 git HEAD == 任务 pin ccbc15639c97057cbfcf32ecebc38ef716e4bb37（README 显示该提交为 docs/sponsor 修订 #102，2026-08-24）；GitHub API 实查 stars=85698、MIT、pushed_at=2026-08-24T15:23:56Z。frontmatter name 与任务给定名一致。
- [ok] 功能声明 vs 实际能力夸大检查 — description 声称均由 SKILL.md 正文纯 prompt 机制兑现，无脚本可调用、无越界承诺（详见本文件 how_it_works 引文）。
- [ok] description『make a website feel expensive』的实现机制 — 由 Section 2 禁令 + Section 4 双 bezel/按钮嵌套 + Section 5 物理动效具体兑现；98 行全文均为该目标服务，无与声明相悖内容。
- [ok] 『Framer Motion』仅作建议、非强制依赖 — 原文为『use IntersectionObserver or Framer Motion's whileInView』——二选一的或然表述，未强制引入库；output 层始终是标准 React/Tailwind/HTML。
- [ok] 移动端安全：变异布局是否可能破坏响应式 — 每种布局均配 Mobile Collapse 规则且 Section 8 清单第 8 项复查 <768px 单列塌陷，风险被显式对冲。
6结论
适合：适合目标明确为『高价/agency 级（Apple-esque / Linear-tier 气质）』的全新前端交付：落地页、SaaS/AI 产品站、作品集、品牌展示页等 greenfield React/Tailwind/HTML 任务；单文件纯 prompt 可粘贴进 Claude Code / Codex / Cursor / ChatGPT 任一宿主。
不适合：不适合已有代码库的渐进改造（应选 redesign-existing-projects，本 skill 无 audit/兼容性规则）；不适合极简编辑风或工业粗野风的定向需求（选 minimalist-ui / industrial-brutalist-ui）；不适合必须使用默认字体/图标体系的企业约束场景；不适合期望 skill 自带构建或验证脚本的用户——它只输出代码建议，不执行任何工具。
安装 agent 直装可复制
① 本站镜像 更新 2026-09-09
方式 A · 人下载镜像包下载 high-end-visual-design.tar.gz
sha256:
方式 B · JSON 格式安装指南，复制给 agentc04ed91fdd2f03c8…agent 读 JSON 指南后会自动从本站下载安装，无需更多说明。
② 上游 GitHub · 原始来源
来源信息 GitHub 原始
作者 / 仓库leonxlnx / leonxlnx/taste-skill
原始 GitHubleonxlnx/taste-skill ↗
Stars85698
最近推送2026-08-24
本 skill commit
3cca18b368许可MIT（仓库根 LICENSE 文件；GitHub API spdx MIT；Copyright (c) 2026 Leonxlnx）
本站信息
收录日期2026-09-06
分类设计
侦查报告AI 侦查 · 2 遍 · 2026-09-06
本站镜像与 GitHub 原始是不同来源：本站锁定 commit 快照经 /r2 分发；GitHub 为实时上游，内容可能已更新。