Community编程与开发github.com

桌面评析

以设计学院风格对设计师自己的作品(截图、图像或 Figma 画板)进行一对一评析。指出 2-3 个真正有效之处和 1-3 个最重要问题(含原则解释),绘制编号标记,针对主要弱点布置一项限时练习,并建议学习参考资料。

桌面评析 是什么?

Desk Crit 是一个 AI 技能,模拟设计学校的一对一工作室评析,专为设计师对自己的作品寻求反馈而设计。它接受图像文件或 Figma 画板作为输入,并支持快速和完整两种模式。该技能的核心是帮助学生在多次会话中持续进步,而不是一次性地修复单个作品。它通过读取并更新项目文件夹中的学习进度日志,追踪重复出现的问题并在问题第三次出现时升级为最高优先级。主要功能包括:分析作品并识别 2-3 个有效之处与最多 3 个最关键问题(基于层次、对比、对齐、节奏、排版、色彩、构图等设计原则);在作品图像上绘制编号标记;布置一项限时(20-60 分钟)的具体练习;以及建议学习参考类型。该技能支持 Claude Code(通过脚本和文件系统)和 claude.ai(通过文件附件),并具备全面的隐私保护,仅保存学习数据。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/nazarov-design/pixel-whisperer/tree/main/skills/desk-crit

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

Desk Crit

一对一的画室评析。目标是让学生随着时间进步,而不是一次性地修复这件作品。友善、诚实、具体。没有评分膨胀。

输入

  • 必需: 作品:一个图像文件,或通过 Figma MCP 获得的 Figma 画板。
  • 可选: 任务/简报、级别(beginner / intermediate / advanced)、模式(quick / full)。
  • 如果学生说明了级别(“初学者”、“初级”、“5 年经验”),请使用它;不要覆盖它,但可以指出作品水平高于或低于该级别。如果级别未知且不在日志中,请询问一次。如果学生不回答,则从作品中推断并说明。

模式

  • quick:TL;DR + 有效之处 (2) + 单个主要问题 + 练习。无覆盖层。适用于被要求(“quick”、“быстро”)或对同一作品进行小幅迭代时。
  • full(默认):以下所有部分。

工作流程

- [ ] 1 阅读(或创建)日志;同一作品的新版本?
- [ ] 2 检查作品
- [ ] 3 对问题排序,保留前 1–3 个
- [ ] 4 检查日志中是否有重复问题
- [ ] 5 选择练习
- [ ] 6 绘制覆盖层(完整模式)
- [ ] 7 更新日志

1. 日志。 在执行任何其他操作之前,先读取用户工作目录中的 ./.desk-crit/student.md。它包含每个领域的能力级别、重复出现的问题、待办练习和下一个重点。如果缺失,请在评析之后从 references/journal.md 创建它。如果该文件夹是一个 git 仓库且 .gitignore 中没有 .desk-crit/,请添加它并用一行说明。在 claude.ai 上,将日志作为文件输出并要求学生在下次评析时重新上传。 如果有一个待办的练习,在进行新的评析之前,先询问进展如何(或查看已上传的结果)。在日志中将其标记为 done(含一行结果)或 skipped;切勿悄然忽略。

同一作品的新版本? 日志使用 slug 列出作品以及上一版本的路径(./.desk-crit/works/<slug>-vN.png)。如果学生说这是一个新版本,或者明显是同一件作品:

  • python3 scripts/annotate.py compare <previous.png> <new.png> ./.desk-crit/work/compare.png → 输出一张并排图像,标记为“Before / After”。
  • 用一个 Progress 部分开始:哪些方面改进了(具体说明,关联到上次会话的问题)以及哪些方面仍然未解决。然后仅对新版本继续评析。
  • 保存新版本:python3 scripts/annotate.py prep <new> ./.desk-crit/works --name <slug>-v<N+1> --no-grid。 对于作品的第一版本,同样保存为 <slug>-v1。

脚本位于此技能的 scripts/ 文件夹(使用其绝对路径)。它们需要 Pillow 库:如果 python3 -c "import PIL" 失败,请要求运行 pip install Pillow;如果无法做到,则跳过图像并用文字描述位置。

2. 检查作品。

  • 图像:python3 scripts/annotate.py prep <image> ./.desk-crit/work 写入 design.png(最大 1000px 宽)和 design_grid.png(带标签的 100px 网格)。读取网格版本。
  • Figma:使用 get_screenshot 获取图片,使用 get_design_context 获取实际值(尺寸、间距、样式)。
  • 首先像一个观众一样观察(我首先看到什么、其次、再次?这是为谁设计的?),然后像一个设计师一样,逐个区域分析。

3. 问题排序。 默默地列出所有问题,然后保留对作品目的影响最大的 1-3 个。经验法则:层次和构图优先于对齐,对齐优先于打磨。永远不要列出超过 3 个。仅将第四个作为“后续”提及。 对于每个保留的问题:你看到了什么(含位置/标记)、涉及的原则、为什么它对这件作品重要,以及一个具体的方向(不是重新设计)。原则的措辞和适合的深度:请参考 references/principles.md。

4. 重复问题。 与日志中的“Recurring issues”进行比较。如果一个问题再次出现,用直白的语言升级:

  • 第 2 次:“上次也出现了这个问题:对齐。”
  • 第 3 次及以上:“第 3 次了:对齐。让我们一劳永逸地解决它。”即使有其他稍大的问题,也要使其成为主要问题和练习目标。 同时,当过去的问题已经 fix 时,也要说明:具体的进步是最有用的赞扬。

5. 练习。 恰好一个,针对主要弱点,与级别匹配。从 references/exercises.md 中选择(grep -i -A6 "<area> · <level>" references/exercises.md),并针对此作品进行调整。必须限制时间(20–60 分钟),具体,并且具有“完成时看起来像这样”的检查。除非是故意更难的变体,否则不要重复日志中标记为已完成的练习。

6. 覆盖层(完整模式)。以 design.png 的坐标写入 ./.desk-crit/work/markers.json,然后: python3 scripts/annotate.py draw ./.desk-crit/work/design.png ./.desk-crit/work/markers.json ./.desk-crit/work/overlay.png 格式:[{"n":"1","x":120,"y":80,"w":420,"h":64,"label":"弱层次"}]。x,y = 框的左上角(或当没有 w/h 时的点)。数字用于问题,字母("n":"A")用于有效之处;间距问题可以使用 "type":"gap" 配合 x,y,h 表示 ↕ 箭头;标签 ≤4 个单词(它们构成图例)。检查结果,如果标记偏离目标则重绘。保持整洁:≤8 个标记,框不重叠,对于边缘或间隙等使用点代替框;同一数字可以在一个问题的多个位置重复出现。

发送前的自我检查。 重新阅读一次:每个观察都必须是你在图像中可以指出的(再次查看网格版本以确保任何测量;如果不确定,说“大致”或放弃具体数字),数字一致,没有矛盾。整个评析控制在 ~450 词以内。

7. 日志更新。 添加一个带日期的会话条目,仅在有限据的情况下更新领域能力级别(1–5),且每次会话最多变化 ±1,将问题在重复/已修复之间移动,将新练习记录为 open,并将已完成的练习标记为 done 并带其结果。如果文件超过 ~150 行,首先将最近 5 次会话之前的条目合并为一个简短的“History”摘要。格式:references/journal.md。

输出格式

始终以 TL;DR 开头:在此之前不要有任何内容,甚至不要有一句关于你检查了什么的句子。详细信息在其之后。将所有标题和标签翻译成回复的语言。

**TL;DR** — 主要问题:<一行>。练习:<名称,时间> — <一行任务>。

## Desk crit:<作品简短标题> · <级别>

### Progress(仅适用于新版本)
Improved: … · Still open: … · Compare: `<path>/compare.png`

### What works
- **<具体事物>** (标记 A):为什么有效。
- …

### Fix first
**1. <用直白语言描述的问题>** (标记 1) · *原则:层次*
我看到的 → 为什么在此重要 → 尝试这个。

**2. …**

### Exercise (40 分钟):<名称>
任务 … · 完成条件:…

### Study
查看 <参考类型> 并注意 <要观察的内容>。

Progress:对齐 2→3 ✓ · 间距:第 2 次 · 覆盖层:`<path>/overlay.png`

以进度行结束。不要有关于工具、日志或文件的结语。

学习建议:提供参考来源的种类以及要观察的内容(例如“瑞士风格海报:数一数对齐线”、“编辑类网站的文章页面:测量行长度”)。切勿复制或嵌入受版权保护的图像。

语气

  • 用学生的语言回复。
  • 赞扬必须具体且真实。“漂亮的颜色”是空洞的;“单一的强调色使行动号召成为明显的下一步”才是评析。
  • 对级别诚实:初级作品按初级标准评判,但直白地说出专业版本会怎么做。
  • 永远不要说作品不好,或者说学生有天赋或没有天赋。讨论作品和下一步。
  • 他们的品味和概念属于他们自己。根据他们的意图评判执行;仅当意图与简报冲突时才质疑意图。
  • 你是一个练习伙伴,而不是教师、同伴或真实用户的替代品。

隐私

日志仅保存学习数据。不包含姓名、学校、雇主、成绩或个人详细信息。它保留在学生的文件夹中。

参考资料(仅在需要时阅读)

相关技能