SuperAPI AI 工具集

taste-metaskill

设计与创作

查看项目

更新于 10-15 18:46

技能介绍

用途:这是一个“路由型”元技能,用于前端 UI 设计与改版,先选定一份主要设计参考再动手实现,让界面更高级、更有主张、更独特,修正“AI 味”的默认视觉。不适用于后端、数据建模、API、基础设施等非 UI 工作,也不用于不影响视觉界面的纯文案。

主要能力:提供多份设计参考及对应适用情境——基线与产品 UI(React/Next、Tailwind、RSC、组件结构、反模板偏差、bento、Framer 风格动效、性能护栏)对应 references/design-taste-frontend.md;高端营销与作品展示(落地页、作品集、电影感微交互、双边框、导航编排)对应 references/high-end-visual-design.md;极简/编辑/工作台(Notion、Linear、文档式、暖色单色、低阴影)对应 references/minimalist-ui.md;滚动叙事/GSAP(pin/stack/scrub、ScrollTrigger、AIDA 页面弧线)对应 references/gpt-taste.md;工业/粗野/仪表盘(瑞士机械、终端 HUD、蓝图、半调纹理)对应 references/industrial-brutalist-ui.md。

使用方式:先选一行最匹配的参考并通读该文件,再实现。简报混合时先用默认基线行,再仅就分歧部分加一份次要参考。简报不清晰时选 design-taste-frontend.md。开始实质设计前声明所选参考;可用 templates/design-brief.md 记录方向。引入动效、图标、字体或 UI 包前,先检查目标仓库依赖的真实来源,不要假设包已存在。

限制:遵循渐进披露,不要为“找灵感”加载全部参考;不要默认紫蓝 AI 渐变、等宽三卡片特性条、通用 SaaS 首屏、厚重阴影或默认字体栈。仓库既有设计系统与组件约定优先于参考,除非用户要求改版。可访问性、响应式与性能优先于视觉野心。不要让桌面端不对称布局在移动端原样保留,高变异布局必须干净折叠、避免横向溢出、使用触控友好的点击目标。不得用参考覆盖语义 HTML、键盘可访问性、对比度、加载/空/错误状态与性能护栏。次要参考最多一份且仅用于明确分离的关注点。技能维护可用 references/evaluation-cases.md 评估路由行为。官方未提供价格、平台与安装命令等信息。