ilse 面向 React 开发者的可视化代码修改工具，点选界面元素即可让 Claude Code 等 AI 智能体精准改代码。 热门评论 PH 用户Hey Product Hunt 👋我是 Iverson，做了 9 年多设计，现在写代码的时间比待在 Figma 里还多。我之前总让 Claude Code 修一个按钮，然后用文字描述我在屏幕上看到的东西。智能体代码写得很好，但它看不到我看到的东西，所以即使有设计文档和“已连接”的设计系统，它也老是改错文件。所以我做了 Ilse。你照平常的方式打开应用，顶部会有一个工具栏：指向并说明：点击一个元素，写下要改什么。这条备注到达你的智能体时，已经指向正确的文件和行。面板：间距、尺寸、字体和颜色，直接使用项目自己的 scale 和 token。这些改动即时生效，而且只消耗很少甚至完全不消耗 token。移动、调整大小、编辑文字、绘制：页面实时响应，智能体再把它落实到代码里。组件库：Ilse 会读取你的组件，并把你的设计系统写入一个 markdown 文件，这样你的智能体就不会再乱造新按钮。Ilse 从不接触 API key。你自己的智能体（Claude Code、Codex、Cursor 或 Gemini）在你的机器上完成编码。Pro 是测试模式：告诉 Ilse 一个人会做什么，比如“买纸灯”，她就会自己走一遍真实应用，然后报告可访问性、错误和布局问题，并记住你修过什么。今天开始创始人预售。它支持 React 应用（Next.js、Vite、Remix、Astro、CRA）。一条命令：npx ilse-design@latest我很想听你反馈两件事：Ilse 在哪里误解了你的意图？你希望她帮你测什么？我一整天都会在这里答疑。谢谢你来试用 🧡PH 用户我日常一直在用 Ilse，调设计细节的时候真的差别很大。PH 用户用项目自己的间距 scale 是让我眼前一亮的细节。一个视觉微调落到代码里时，也仍然应该属于设计系统。PH 用户直接指向 UI，而不是在文件里翻找，太有用了 🙌 它也支持 Cursor 吗？PH 用户直接指向元素，而不是用文字描述，这一点最能帮我省去来回沟通，尤其是智能体老是改错文件的时候。当你点击一个元素，而它对应的是在多处使用的组件时，这条备注指向的是当前这个实例，还是共享组件？ 热门产品Iverson Dantas2026-10-30原文 打开互动版
我是 Iverson，做了 9 年多设计，现在写代码的时间比待在 Figma 里还多。
我之前总让 Claude Code 修一个按钮，然后用文字描述我在屏幕上看到的东西。智能体代码写得很好，但它看不到我看到的东西，所以即使有设计文档和“已连接”的设计系统，它也老是改错文件。
所以我做了 Ilse。你照平常的方式打开应用，顶部会有一个工具栏：指向并说明：点击一个元素，写下要改什么。这条备注到达你的智能体时，已经指向正确的文件和行。面板：间距、尺寸、字体和颜色，直接使用项目自己的 scale 和 token。这些改动即时生效，而且只消耗很少甚至完全不消耗 token。移动、调整大小、编辑文字、绘制：页面实时响应，智能体再把它落实到代码里。组件库：Ilse 会读取你的组件，并把你的设计系统写入一个 markdown 文件，这样你的智能体就不会再乱造新按钮。Ilse 从不接触 API key。你自己的智能体（Claude Code、Codex、Cursor 或 Gemini）在你的机器上完成编码。
Pro 是测试模式：告诉 Ilse 一个人会做什么，比如“买纸灯”，她就会自己走一遍真实应用，然后报告可访问性、错误和布局问题，并记住你修过什么。今天开始创始人预售。
它支持 React 应用（Next.js、Vite、Remix、Astro、CRA）。一条命令：npx ilse-design@latest
我很想听你反馈两件事：Ilse 在哪里误解了你的意图？你希望她帮你测什么？我一整天都会在这里答疑。谢谢你来试用 🧡