源自 GitHub页面视觉层次优化
网页、海报或详情页看着不舒服，却说不出问题在哪。它会检查第一眼看到什么、哪些元素抢视线、哪些重点不突出，并告诉你该怎么调。适合设计师、内容运营、品牌团队。你可以这样用：确定页面视觉层次优化要求；产出页面视觉层次优化方案；检查视觉成品。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
确定页面视觉层次优化要求：说明用途、尺寸、受众、风格和必须出现的信息。
02
产出页面视觉层次优化方案：给出方案、关键参数和不同尺寸下的处理。
03
检查视觉成品：核对构图、文字、清晰度和留白，以及不同尺寸下的显示效果。
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“我要做页面视觉层次优化，请先告诉我需要提供哪些材料。”
“根据我提供的资料完成页面视觉层次优化，结果请写得具体、可以直接使用。”
“检查这份页面视觉层次优化结果，指出错误、遗漏和下一步要做的事情。”
适用人群
适合谁？
上手门槛
使用难度
入门
无需编程基础。会和 AI 对话就能使用。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
