📡 Idea Radar 每天 8:00 / 18:00 推送 · 18:00 生成精选
producthunt · Chrome Extensions/Design Tools/Developer Tools · 47 分 ← 返回列表

Skisso — Edit your live UI in your design system, hand off the diff

Skisso is a free Chrome extension for designers and developers who build with AI coding agents. Point at any element on your live product and edit it in your own design system: your tokens, your components, a shadcn/ui kit that matches your styles. Then hand your agent only the exact change, as a small diff or over MCP. No more describing pixels in prose or pasting the whole page: about 380 tokens instead of 25,700 in our test. Runs locally, no account.

五维评分

付费意愿
38
需求真实度
55
个人可落地
82
竞争空间
42
新鲜度
80

AI 分析

痛点:设计师/开发者向 AI 编码代理描述 UI 改动时只能写大段文字或粘贴整页代码,上下文 token 消耗巨大且改动不精确

目标用户:使用 Cursor / Claude Code 等 AI 编码代理的前端开发者与设计师,尤其是已有自己设计系统(tokens、shadcn/ui)的团队

证据:No more describing pixels in prose or pasting the whole page: about 380 tokens instead of 25,700 in our test. Runs locally, no account.

变现:免费 Chrome 扩展引流,付费层面向团队提供设计系统托管/组件库同步、MCP 团队协作、私有 token 映射与企业版部署

MVP:做一个 Chrome 扩展:点击页面元素 → 抓取 computed style 与最近的 design token → 用 LLM 生成最小 diff 或结构化指令,一键复制/通过 MCP 推送给 AI 代理;先只支持 Tailwind + shadcn/ui

竞品:Sksisso、VisBug、Builder.io Visual Copilot、Superflex、Anima、Onlook

摘要:Sksisso 是一个免费 Chrome 扩展,让用户在产品真实页面上点击元素、用自己设计系统的 token 与组件进行编辑,然后只把最小 diff(或经 MCP)交给 AI 编码代理,实测从 25,700 tokens 降到约 380。产品在 Product Hunt 获 57 票,本地运行、无需账号。它验证了「设计系统 ↔ AI 代理 精准交接」这一新品类需求,但自身免费,付费意愿尚待验证。