斯基索

Product Hunt 产品
chrome-extension design-systems ai-coding-agents ui-editing developer-tools mcp

摘要

Skisso 是一款免费 Chrome 扩展，面向与 AI 编码代理协作的设计师和开发者，可在实时产品页面上直接用自有设计系统编辑元素，并将变更以小型 diff 或 MCP 形式交接给代理。

<p> 在你的设计系统中编辑线上 UI，交付差异 </p> <p> <a href="https://www.producthunt.com/products/skisso-design-on-the-live-product?utm_campaign=producthunt-atom-posts-feed&amp;utm_medium=rss-feed&amp;utm_source=producthunt-atom-posts-feed">讨论</a> | <a href="https://www.producthunt.com/r/p/1281191?app_id=339">链接</a> </p>
查看原文
查看缓存全文

缓存时间: 2026/10/16 13:45

# Skisso：使用你的设计系统编辑线上 UI，交付差异 | Product Hunt 来源：https://www.producthunt.com/products/skisso-design-on-the-live-product Skisso 是一款免费的 Chrome 扩展，面向使用 AI 编程智能体进行开发的设计师和开发者。指向线上产品中的任意元素，即可使用你自己的设计系统进行编辑：你的设计令牌、你的组件，以及与你的样式相匹配的 shadcn/ui 组件库。然后，只需通过小型差异文件或 MCP，将确切的改动交给你的智能体。无需再用文字描述像素细节，也不必粘贴整个页面：在我们的测试中，所需的 token 数量从 25,700 降至约 380。在本地运行，无需账户。

相似文章

编辑界面

Product Hunt

EditUI 是一个免费开源的 Chrome 扩展，让用户在实际运行的网页上直接点击 UI 元素并留下修改指令，然后批量发送给 Claude Code 等编码代理执行更改，无需配置仓库或后端。

ilse

Product Hunt

Ilse 是一款产品，可在你运行中的 React 应用上叠加工具栏，点击任意元素并描述修改需求，即可通过你已有的 AI 编码代理（Claude Code、Codex、Cursor、Gemini）直接定位并修改代码；Pro 版还支持自动走查真实用户流程并报告问题。