Taste Skill UI 风格样张

这里默认只展示 UI 风格/审美方向。每张卡片都用官方 README 或 SKILL 里的推荐场景/规则转成一个实际 prompt，并把 prompt 放在样张旁边，方便比较同一套 taste-skill 在不同风格下的输出差异。

显示 5 个 UI 风格项，隐藏 8 个工具/流程项

最新版覆盖：13/13 已确认

GitHub 最新 HEAD：01d8504。最新版 skill install name 共 13 个；本文档归档 13 个；全局 Codex 已安装 13 个。

隐藏的非 UI 风格技能

这些不是风格卡片，但仍可全局调用。

design-taste-frontend

默认 v2: 通用前端审美

官方依据

README 建议从 taste-skill 作为最安全通用默认开始；v2 SKILL 要求先做 brief inference，判断 page kind、audience、vibe，再设置三旋钮。

使用提示词

使用 design-taste-frontend。为一个面向技术负责人的 B2B SaaS observability 产品做 landing page。风格克制、可信、偏 Linear，但不要三等分功能卡片。先输出一行 Design Read，再设置 DESIGN_VARIANCE / MOTION_INTENSITY / VISUAL_DENSITY，并实现首屏、logo wall 和一个功能区。

gpt-taste

GPT/Codex 强约束: Awwwards 化

官方依据

README 建议在需要更严格 GPT/Codex 规则、motion/layout enforcement 时使用；SKILL 明确要求 AIDA、宽 hero、gapless bento、GSAP ScrollTrigger。

使用提示词

使用 design-taste-frontend + gpt-taste。为一个创意 AI 影像工具做 Awwwards 风 landing。按 AIDA 结构组织页面，H1 控制在 2 到 3 行，使用 gapless bento 和一个 pinned scroll / scrub text reveal 叙事段，整体要 cinematic dark，不要普通 SaaS 卡片。

high-end-visual-design

高端柔和视觉: Agency 质感

官方依据

README 建议视觉方向已明确时添加 soft-skill；SKILL 提供 Ethereal Glass、Editorial Luxury、Soft Structuralism 三类 vibe，以及 Asymmetrical Bento、Z-Axis Cascade、Editorial Split 布局。

使用提示词

使用 design-taste-frontend + high-end-visual-design。为一个精品建筑与室内工作室做首页。选择 Editorial Luxury + Z-Axis Cascade，强调材质、空间、柔和阴影、double-bezel 卡片和 button-in-button CTA，整体要安静、昂贵、留白充足。

minimalist-ui

极简产品 UI: Linear/Notion 气质

官方依据

README 建议视觉方向已明确时添加 minimalist-skill；SKILL 定义 document-style workspace UI、warm monochrome、flat bento、1px #EAEAEA borders、no gradients/heavy shadows。

使用提示词

使用 design-taste-frontend + minimalist-ui。为一个团队知识库和内部文档产品做 landing。使用 warm monochrome、document-style workspace、flat bento、1px #EAEAEA borders、少量 muted pastel tags。不要渐变、重阴影、霓虹和三卡片模板。

industrial-brutalist-ui

工业粗野 UI: Swiss + Tactical

官方依据

README 建议视觉方向已明确时添加 brutalist-skill；SKILL 要求在 Swiss Industrial Print 和 Tactical Telemetry 中二选一，并坚持硬网格、mono 数据、警戒红、无圆角。

使用提示词

使用 design-taste-frontend + industrial-brutalist-ui。为一个安全运营态势产品做 landing。选择 Tactical Telemetry & CRT Terminal，不要消费级柔和 SaaS。使用暗色 CRT 底、单一 hazard red、硬网格、mono 数据表、扫描线和 90 度直角。