ilse：指哪改哪，让AI代理直接修改你的应用代码

在AI编程工具层出不穷的今天，大多数产品仍在解决"如何让AI写出更多代码"的问题。Product Hunt上最新亮相的ilse则换了个思路：让你直接指着界面说"这里改一下"，剩下的交给AI代理。 这款工具在Product Hunt获得80票、排名第12，定位为设计与开发者工具，试图在可视化编辑和AI代码生成之间架起一座桥梁。

核心理念：把工具栏叠在你的React应用上

ilse的工作方式非常直观——它在你已经运行的React应用上方悬浮一个工具栏。点击任意界面元素，直接说出你想改什么，比如调整间距、颜色、尺寸，或者拖拽重新排序。这些操作中，简单的样式微调由ilse自己即时完成，完全不需要调用AI；而涉及逻辑或结构的复杂改动，则会被转交给开发者已经在用的AI代理（如Claude Code、Codex、Cursor、Gemini），并精准指向代码中的对应位置。

这个设计的巧妙之处在于分层处理：高频、低风险的视觉调整走本地即时通道，保证响应速度；低频、高复杂度的代码修改才交给大模型，避免"杀鸡用牛刀"，也减少了AI调用的等待时间和不确定性。

简单调整即时生效，复杂改动交给AI代理

据Product Hunt页面描述，ilse对"简单 tweak"的处理完全不经过AI——这意味着颜色、间距、尺寸这类操作是瞬时完成的。更有意思的是，它使用的是项目自身的设计令牌（tokens），而不是随意生成样式值，这对维护设计系统一致性至关重要。

当改动超出样式范畴时，ilse会把任务路由到你已有的AI代理。这一点与许多"AI生成UI"工具形成鲜明对比：ilse并不试图替代Claude Code或Cursor，而是成为它们与可视化界面之间的"瞄准器"——把自然语言指令和代码位置精确对齐，减少开发者在编辑器与浏览器之间反复切换、手动定位的摩擦。

设计令牌（Design Tokens） 是设计系统的原子单位，指将颜色、字体、间距、圆角、阴影等视觉决策抽象为有名称的变量（如 --color-primary、--spacing-md），并以 JSON、CSS 自定义属性或平台特定格式存储。其核心价值在于单一事实来源：当品牌色或间距尺度需要调整时，只需修改令牌值，所有引用它的组件自动更新，避免硬编码样式造成的散落与不一致。ilse 在即时样式调整中使用项目自身的设计令牌，而非生成任意像素值，意味着改动会自然融入现有设计体系，不会引入偏离规范的“野样式”，这对维护多主题、暗色模式或跨平台一致性尤为关键。

Pro版测试模式：让ilse自己走一遍用户旅程

ilse Pro版本增加了一个颇具想象力的功能：测试模式。在这个模式下，ilse会自主走完真实的用户旅程，并报告哪些环节出了问题。

这实际上把工具从"被动响应修改指令"扩展到了"主动发现界面问题"。对于前端团队来说，回归测试和交互流程验证往往是耗时且容易遗漏的环节，ilse试图用代理自动化这部分工作。不过Product Hunt页面并未披露测试模式的具体实现细节和覆盖范围，其实际效果还有待早期用户验证。

用户旅程（User Journey） 指用户为完成某一目标而经历的一系列交互步骤，例如“登录→搜索商品→加入购物车→结算”。在测试语境下，代理自主走完用户旅程属于端到端（E2E）测试的智能化变体：传统 E2E 测试依赖 Playwright、Cypress 等工具编写固定脚本，维护成本高且对界面变动敏感；而代理式测试尝试由模型理解界面语义、动态决策点击与输入路径，并报告失败环节。其潜在优势是降低脚本编写负担、覆盖探索性路径，但挑战在于对动态内容、异步加载和非确定性流程的稳定性控制，这也是评估 ilse 测试模式实际效果时需要关注的核心维度。

与现有AI编程工作流的关系

ilse的定位可以理解为"可视化层"与"代码层"之间的中间件。当前开发者使用Claude Code、Cursor等工具时，通常需要在对话中描述界面位置（"那个卡片组件""右上角的按钮"），描述歧义容易导致AI改错地方。ilse通过"指哪打哪"的交互，把空间位置直接映射到代码位置，理论上能显著降低沟通成本。

它的另一层价值在于不锁定AI供应商：支持Claude Code、Codex、Cursor、Gemini多个代理，开发者可以沿用自己已经熟悉和付费的工具链。这种开放策略在AI工具生态中更容易被接纳。

文中提到的 Claude Code、Codex、Cursor、Gemini 分属两类产品形态：终端/IDE 内的编码代理与通用大模型。Claude Code 是 Anthropic 推出的命令行编码代理，可读写本地文件、执行命令；Codex 原指 OpenAI 的代码生成模型系列，现也指其云端编码代理；Cursor 是基于 VS Code 的 AI 优先编辑器，内置多模型对话与代码库索引；Gemini 则是 Google 的通用模型家族，可通过 API 或插件接入编码场景。ilse 不锁定单一供应商，而是把“改哪里”的空间定位信息作为上下文注入这些代理，开发者得以沿用已有订阅与工作流，这也解释了其“瞄准器”而非“替代者”的定位。

值得关注的局限

从目前公开的信息看，ilse聚焦于React应用，这意味着Vue、Svelte等技术栈的用户暂时无法受益。此外，"简单调整不走AI"的边界如何界定、复杂改动交给代理后的代码质量如何保证、测试模式对动态内容的覆盖能力如何，都需要实际使用才能判断。Product Hunt上80票、5条评论的数据也说明它仍处于早期阶段，社区讨论度有限。

对于已经在使用AI代理写代码的React团队，ilse提供的"指向式"交互值得一试；但如果你期待它完全替代手动编码或现有AI编程工具，它更像是一个效率增强层，而非替代品。

ilse由Iverson Dantas开发，目前已在Product Hunt上线，分类为设计工具、开发者工具和人工智能。