SuperAPI AI 工具集

design-taste

设计与创作

查看项目

更新于 10-29 04:36

技能介绍

Design Taste 是一个窄范围的操作器,专门服务于 Mustafa 的流派与工艺风格集合,而不是另一个独立来源的 design-taste-frontend 技能的替代品。资料说明,在获取任何风格包之前,应先阅读来源与许可证据。

用途:当简要需求明确提出选用 madebymustafa/design-taste 或其某一风格包时使用;当用户希望从该仓库的流派目录中选定一种视觉身份时使用;或当某个已命名的风格包需要在不覆盖品牌与可访问性需求的前提下进行适配时使用。

主要能力与职责划分:该技能负责从该仓库中选取一种身份并落到现有页面上。资料同时给出了相邻技能的职责边界:一般前端外观或 Leonxlnx 的三个调节旋钮归 design-taste-frontend;选择 MengTo 的视觉或动效配方归 web-design;采用动画 React Bits 组件归 react-bits;共享 token 或基础组件治理归 design-system;可访问性审计与修复归 web-accessibility。该操作器保持独立可用,其本地流程不要求安装其他技能;上述名称仅标识相邻职责。

使用方式(流程):

  1. 陈述设计解读:记录页面类型、受众、主要决策、受保护资产和一个预期视觉语言;优先复用现有文案与资产。该步骤应以具体的层级决策结束,而不是宣称品味好。若两种解读会改变受众或任务,提出一个聚焦问题。
  2. 先选一个流派,再只选所需工艺:用来源参考中的目录筛出单一流派,应用细节前先阅读其固定的 skills/<pack>/SKILL.md;仅在存在具体未解决问题(如排版或动效)时才选工艺技能。核心规则视为上下文默认值,例如 corporate-trust 使用系统无衬线字体和常规栅格,会覆盖核心的展示对比与不对称偏好;不要把不兼容的身份混入同一页面。选择完成时须指明所选风格包及任何有意覆盖。
  3. 将身份转译到现有页面:只改动表达所选身份所需的最小层次、字体、间距与颜色决策;保留可用导航、表单行为、法律文案、真实产品声明和用户受保护品牌。优先使用现有 token 与依赖;审美选择不构成引入第二套样式系统、新动画库或未经请求的重新设计的理由;不得把演示名称、虚构指标或合规徽章当作事实移植。
  4. 动效可选、内容持久:从静态开始,仅在动效能解释状态或阅读顺序处添加;提供减少动态效果路径,保证标题、链接和操作仍可见;为任何新增动画指明归属与取消/卸载路径,移除重复监听器或持续工作;装饰效果不得成为发现或激活操作的必要条件。
  5. 验证实际改动:检查窄屏与宽屏布局、键盘顺序、可见焦点、可读对比度、缩放/重排,以及被改动控件的错误与加载状态;单独检查减少动态效果的结果;有截图或实页检查时使用,仅源码审查不构成视觉或辅助技术证明;不可用的检查应报告为未验证;性能声明应在目标页面上测量,而非重复上游营销话术。
  6. 交付有边界的设计决策:返回设计解读、所选来源固定版本与风格包、受保护元素、改动界面、实际执行的检查及未解决的失败;描述具体选择与可观察结果,不承诺转化提升、获奖结果或客观高级审美。

适用场景:简短需求明确选定该仓库或其风格包;用户想从该仓库流派目录中选定一种身份;已命名风格包需要适配但不得覆盖品牌或可访问性要求。示例包括:金融科技落地页选用 Mustafa 的 corporate-trust,并保留证据与品牌、维持常规字体与栅格;而要求用 8/6/4 调节旋钮让页面不那么通用时,应转交 design-taste-frontend,因为 Mustafa 操作器不负责这些旋钮。

限制与审批边界:阅读公开的固定风格包是常规路径;安装上游技能、添加依赖、修改全局 agent 路径、使用付费资产或发布/部署结果前须另行征得同意。上游安装器面向多个 agent 目录,不是常规前置条件;手动上游安装还可能与本技能名称 design-taste 冲突,须先确认目标位置与覆盖行为。此外,上游 README 列出的其他风格包,仅代表列出,并不代表该操作器作者已检查其实现。