商业级视觉资产与网页(详情页/落地页)的审美与UX视觉审查:输出P0/P1/P2问题清单、可落地的样式tokens与改稿建议;可结合截图、URL与源码进行定位与修改。
该 skill 用于“审美判断”在商业项目中的落地:
适用输入:
输出交付(强制结构):
优先级从高到低:
反模式(看到就优先修):
推荐视口:
每条必须用同一格式:
P0:直接影响“看懂/信任/CTA/移动端可用性” P1:影响质感、一致性、阅读效率 P2:细节优化(微交互、细节对齐、边界情况)
给出一套可直接映射到 CSS variables / Tailwind theme 的 tokens:
path/to/filePlaywright 截图示例(仅作参考):
npx -y playwright screenshot --browser chromium --full-page \
"http://localhost:5173/?projectId=..." artifacts/audit/desktop-full.png
npx -y playwright screenshot --browser chromium --viewport-size=390,844 --full-page \
"http://localhost:5173/?projectId=..." artifacts/audit/mobile-full.png
注意:视觉判断不要臆测未出现的品牌/资质/数据;不确定要标注。