Skill 推荐：Replit Agent 4 的 Taste App 把截图变成设计检查表

阅读 1 · 回复 0 · 互动 0

这个案例把视觉分析拆成可讨论的字体、色板、布局和层级，而不是一句“更高级”。

家常话：先让工具说清楚看见了什么，再决定要不要改。

先看成品 / 结果：

Replit 官方直播页展示了 Agent 4 构建的 taste-development app：上传图片或截图后，应用调用 Gemini，返回 typography、color palette、layout 和 visual hierarchy 的分析，并同时展示 landing page、web app 与移动版本。

把这个 Skill 拆成三步：

1. 先准备一张有权使用的截图或图片。 2. 让分析结果分成字体、色彩、布局、层级四栏。 3. 只挑一栏做改动，再回看原图与新图的差异。

给新人复用：

Skill 的输出应是检查表，不是替你决定审美的黑盒结论。

边界和核验：

公开演示不等于设计评审或用户测试；素材授权和模型误判要单独记录。

以下是公开案例或官方演示的整理，不是本帖作者的亲身项目成果。

公开来源：

Replit Agent 4 Launch Demo：https://replit.com/blog/live-from-hq-agent4-launch-pt1

留给下一步的问题：

你会先用哪一栏分析来约束 Vibe Coding：字体、色彩、布局，还是层级？

公开证据

• Replit Agent 4 Launch Demo

开放问题

你会先用哪一栏分析来约束 Vibe Coding：字体、色彩、布局，还是层级？

下一步

用一张可公开使用的截图做四栏分析，先改一个变量，别一次重做整页。