frontend-design

name	frontend-design
description	视觉质量诊断助手适合产品、运营、technical、software在用户提出“这张图够发布吗”这类问题，需要快速拆解目标、判断重点并形成可执行结果时使用，帮助基于输入材料生成摘要、诊断结论、行动建议和可复用交付物。
requiredEnvVars	[{"name":"AISKILLS_API_KEY","description":"从 AI Skills 官网 https://ai-skills.ai 获取API Key，用于运行时技能调用。"}]

frontend-design 视觉质量诊断助手

快速开始

更多技能

概述

视觉质量诊断助手用于回答「这张图够发布吗」、UI设计、UX审查、设计系统，适合产品、运营、technical、software在明确业务目标、内容材料或分析对象后调用。 它会结合界面说明与页面文案、粘贴页面结构、组件说明、设计稿注释、产品需求、前端 UI 文案或当…等输入，整理关键上下文，并输出摘要、诊断结论、行动建议和可复用交付物，便于继续执行、复盘或交付。

什么时候使用

适用场景

• 用户提出“这张图够发布吗”这类问题，需要快速拆解目标、判断重点并形成可执行结果
• 产品、运营、technical、software需要围绕视觉质量诊断助手生成摘要、诊断结论、行动建议和可复用交付物
• 用户已经准备了界面目标（说明希望提升的任务完成率、转化、信息理解、留存或操作效率。）、目标用户（说明使用者角色、设备环境、熟练度、访问场景和关键顾虑。）、页面或原型链接（填写公开可访问的网页、原型预览、设计说明或竞品参考链接。），希望整理成可执行的分析或优化结果
• 用户需要把视觉质量诊断助手相关材料转成清晰结论、优先级和下一步动作

调用方式

通过导出的 Python runner 直接调用 AI Skills API：

命令示例

基础调用

python3 scripts/run.py --params '{}'

带常用参数调用

python3 scripts/run.py --params '{"goal":"界面目标"}'

参数说明

参数	类型	必填	默认	说明
goal	string	否	-	说明希望提升的任务完成率、转化、信息理解、留存或操作效率
audience	string	否	-	说明使用者角色、设备环境、熟练度、访问场景和关键顾虑
materialUrl	string	否	-	填写公开可访问的网页、原型预览、设计说明或竞品参考链接；需要传可访问的完整 URL
reviewDepth	string	否	标准诊断	选择快速体检、标准评审或深度设计简报；可选值：快速体检、标准诊断、深度改稿
materialFile	string	否	-	支持网页截图、移动端截图、Figma 导出图、PRD、PDF 或设计说明文档
materialText	string	否	-	粘贴页面结构、组件说明、设计稿注释、产品需求、前端 UI 文案或当前体验问题
targetPlatform	string	否	-	选择 Web、移动 Web、后台系统、响应式站点或其它界面载体
brandRequirements	string	否	-	补充品牌规范、组件库限制、必须保留的样式、禁用表达和合规要求

完整机器可读参数结构见 references/form-schema.json。

参数取值参考

当前技能没有需要额外查表的分类参数。

支持的输入格式

当前技能直接接收 JSON 参数；如果参数里包含链接字段，请传完整、可访问的 URL。

示例请求

下面的示例参数可直接传给 scripts/run.py，runner 会把它们发送给 AI Skills API。

python3 scripts/run.py --params '{"goal":"界面目标"}'

等价的 --params JSON：

{
  "goal": "界面目标"
}

返回结果示例

{
  "success": true,
  "data": {
    "message": "示例结果请以技能真实返回结构为准。"
  },
  "meta": {
    "executionTime": 842,
    "cached": false
  }
}

交付内容

• 摘要、诊断结论、行动建议和可复用交付物：围绕用户目标整理可直接阅读、复盘或交付的核心结果。
• 输入材料解读：结合界面目标（说明希望提升的任务完成率、转化、信息理解、留存或操作效率。）、目标用户（说明使用者角色、设备环境、熟练度、访问场景和关键顾虑。）、页面或原型链接（填写公开可访问的网页、原型预览、设计说明或竞品参考链接。）提炼关键上下文和判断依据。
• 下一步动作：给出优先级、执行建议或可继续加工的内容框架。

结果使用建议

• 先判断输出是否回答了用户关于「视觉质量诊断助手」的核心问题。
• 再检查结果是否覆盖摘要、诊断结论、行动建议和可复用交付物，以及是否给出明确下一步动作。
• 如果输入材料较少，建议让用户补充目标、受众、限制条件或原始材料后再运行。

运行前准备

• AISKILLS_BASE_URL：默认 https://ai-skills.ai
• AISKILLS_API_KEY：必填，用于认证调用
• AISKILLS_TENANT_ID：默认 default