Skisso 面向使用 AI 编程代理的设计师和开发者，可在实时页面按设计系统编辑 UI，并生成精确 diff 交给代理。 热门评论 PH 用户Hi Product Hunt！我是 Alex，一名瑞典的产品设计师。过去两年，我大部分工作都是身边有个 AI 智能体一起完成的。智能体写代码很快。慢的总是同一件事：告诉它改哪个按钮、哪个间距、哪种蓝。“再大一点。”“不对，不是那个。”截图、粘贴 CSS、把半个页面塞进聊天框。每一轮都烧 token，也磨耐心。所以我做了自己一直想要的那个工具。用 Skisso，你可以直接指向真实运行中的产品里的元素，就地修改：间距、字体、颜色和对比度、渐变、布局、hover 状态。它会读取你的 design tokens，所以改动会保持 var(--brand)，而不是变成随便一个 hex 色值。需要新东西？从内置的 shadcn/ui 套件里拖一个组件进来，它看起来就已经像你产品的一部分。然后你只把变化交给智能体：选择器，以及每个值改动前和改动后的内容。复制粘贴给任意智能体，或者用 npx skisso 通过 MCP 连上，你的智能体就能自己读取你选中的内容、拉取你的改动。所有东西都留在你自己的机器上。免费、无需账号，在 localhost、staging 和 production 都能用。我想请大家：在自己的产品上试试，然后告诉我哪里会出问题。早期反馈里已经进我清单的一点：按断点编辑，同时不丢失 token 关联。谢谢你看一看！PH 用户试用都不用注册？在我这儿已经加分了。PH 用户对高度自定义过的组件也好用吗，还是主要适合更标准的配置？PH 用户首先，我喜欢这个想法，也喜欢产品真正落地的方式。我做 Web 开发 13 年了，主要在前端。我觉得这个工具工作时真的很有用。我看了扩展，结果真的让我惊艳。我很快会试试智能体功能。继续加油 :) 热门产品Alexander Zakabluk2026-10-16原文 打开互动版
过去两年，我大部分工作都是身边有个 AI 智能体一起完成的。智能体写代码很快。慢的总是同一件事：告诉它改哪个按钮、哪个间距、哪种蓝。“再大一点。”“不对，不是那个。”截图、粘贴 CSS、把半个页面塞进聊天框。每一轮都烧 token，也磨耐心。
所以我做了自己一直想要的那个工具。
用 Skisso，你可以直接指向真实运行中的产品里的元素，就地修改：间距、字体、颜色和对比度、渐变、布局、hover 状态。它会读取你的 design tokens，所以改动会保持 var(--brand)，而不是变成随便一个 hex 色值。需要新东西？从内置的 shadcn/ui 套件里拖一个组件进来，它看起来就已经像你产品的一部分。
然后你只把变化交给智能体：选择器，以及每个值改动前和改动后的内容。复制粘贴给任意智能体，或者用 npx skisso 通过 MCP 连上，你的智能体就能自己读取你选中的内容、拉取你的改动。所有东西都留在你自己的机器上。
免费、无需账号，在 localhost、staging 和 production 都能用。
我想请大家：在自己的产品上试试，然后告诉我哪里会出问题。早期反馈里已经进我清单的一点：按断点编辑，同时不丢失 token 关联。
谢谢你看一看！