Skill 广场
网页与原型设计五维评审报告生成 Skill

网页与原型设计五维评审报告生成.Skill

@nexu-io/critique

4.6优秀AI 评分基础检查通过源自 GitHub

该能力专为前端页面、交互原型、PPT或落地页设计而打造。它从“设计哲学一致性、视觉层级、细节执行、功能可用性、创新度”五个维度对目标 HTML 产物进行深度审查。对于每个维度,系统依据严格标准给出 0–10 的具体评分与结合代码行、类名的确切事实依据,坚决拒绝模糊泛评或无依据的高分膨胀。最终输出一份单文件 HTML 审查报告,内置纯原生 SVG 五维雷达图,并清晰梳理出“保持现状(Keep)”、“重点整改(Fix)”与“快速见效点(Quick-wins)”三类带复选框的操作清单,帮助设计师和前端开发者快速迭代出高质量界面。

设计UI/UX 设计师前端开发工程师独立全栈开发者2026-09-23 更新main

网页与原型设计五维评审报告生成

该能力专为前端页面、交互原型、PPT或落地页设计而打造。它从“设计哲学一致性、视觉层级、细节执行、功能可用性、创新度”五个维度对目标 HTML 产物进行深度审查。对于每个维度,系统依据严格标准给出 0–10 的具体评分与结合代码行、类名的确切事实依据,坚决拒绝模糊泛评或无依据的高分膨胀。最终输出一份单文件 HTML 审查报告,内置纯原生 SVG 五维雷达图,并清晰梳理出“保持现状(Keep)”、“重点整改(Fix)”与“快速见效点(Quick-wins)”三类带复选框的操作清单,帮助设计师和前端开发者快速迭代出高质量界面。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

帮我对我刚才生成的 magazine-web-ppt 演示文稿进行五维度专家设计评审,给出保留项、需修改项与快速优化点。

审查项目里的 index.html 落地页代码,输出包含雷达图和评分细节的独立 HTML 评审报告。

对以下粘贴的卡片组件 HTML 样式进行 5 维度设计复盘,指出视觉层级和对齐细节上的问题并按类名举证。

适用人群

适合谁?

UI/UX 设计师前端开发工程师独立全栈开发者产品经理

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度