SuperAPI AI 工具集

design-score

设计与创作

查看项目

更新于 10-15 09:50

技能介绍

用途

design-score 是一个快速设计评分卡(Quick Design Score Card),用于在 2 分钟内对项目的设计质量进行快速评估。当用户要求设计评分或希望了解其界面设计水平时使用。

主要能力

该工具覆盖 12 个设计维度进行评分,包括:

  • Color System(色彩系统)
  • Typography(排版)
  • Layout & Spacing(布局与间距)
  • Components(组件)
  • Accessibility(无障碍)
  • Visual Hierarchy(视觉层级)
  • Interaction(交互)
  • Responsiveness(响应式)
  • Visual Polish(视觉打磨)
  • Performance UX(性能体验)
  • IA & Flows(信息架构与流程)
  • Platform(平台适配)

每个维度给出 0-10 的分数,并计算加权总分,同时输出整体评级(如 Good)。

使用方式

流程如下:

  1. 快速扫描项目的样式和组件文件
  2. 对每个维度进行快速评分(基于启发式规则,而非深度审计)
  3. 计算加权总分
  4. 识别影响最大的 5 项改进建议
  5. 输出简洁的评分卡

输出示例

输出包含总分、各维度分数(带条形图可视化)以及 Top 5 改进建议。改进建议按优先级标注为 critical(严重)、important(重要)、suggestion(建议)。例如:

  • [critical] Add focus indicators for keyboard navigation
  • [important] Body text contrast is 3.2:1, needs 4.5:1
  • [important] Consolidate 47 unique colors to ~20
  • [suggestion] Add skeleton screens for data loading
  • [suggestion] Establish consistent spacing scale (currently 23 unique values)

适用场景

  • 需要快速了解项目整体设计质量
  • 希望在短时间内获得可操作的设计改进方向
  • 对界面进行轻量级设计审查

限制

该工具为快速扫描和启发式评分,并非深度审计。评分基于项目样式与组件文件的快速扫描,不涉及完整的用户体验测试或详细的无障碍合规检查。具体支持的平台、安装方式、收费模式等信息暂未提供。