英语 · 葡萄牙商业银行
设计师的眼睛在代码代理中。
你在浏览器中打开你的应用程序，指出哪里出了问题，然后说应该怎么做——或者就在那里进行调整，就像在Figma中一样。你的AI编码代理会改变代码。您可以在页面上看到结果，并保留它或撤消它。
业余项目，测试版。 由设计人员制作，适用于使用代码代理的设计人员。免费使用，与代码打开阅读。
你能做什么
- 指着说。 点击一个元素，选择一段文字或绘制一个区域，写下需要改变的内容： 卡片之间要有更多的空间。， “这个标题应该更强一些。”。
- 自己调整。 像Figma这样的属性面板：大小、布局、间距、排版、颜色、边框。在发送更改之前，您将看到实时更改。
- 编辑文本和删除东西。 在面板中重新键入文本，或删除元素。
- 各种屏幕尺寸。 用尺子打开手机、平板电脑或桌面宽度的页面，并使用相同的工具栏调整每个页面。
- 移动东西。 拖动可重新排序、移进或移出容器、调整大小。
- 画出来。 用铅笔在页面上画草图，或者粘贴截图作为参考。
- 撤销任何东西。 ⌘Z将代码完全还原为原来的样子。不需要让人工智能恢复。
- CI保持绿色。 每次更改之后，Ilse都会运行项目的类型检查和覆盖它的测试。当更改中断时，代理会在完成之前进行修复。
你需要什么？
- 一个 反应 在您的计算机上运行的项目（Next.js, Vite…）。
- 一个 人工智能编码代理 已安装并登录： 克劳德代码、Codex、Cursor CLI或Gemini CLI。
伊尔丝使用 你的 代理和 你的 帐户。它没有自己的帐户、密钥或服务器，也没有任何东西离开你的机器。
试一试
在你的项目文件夹中-不需要先启动应用程序-运行：
npx ilse-design@latest
伊尔丝在npm ilse-design 需要Node.js 18或更新版本。 @latest 确保你安装的是最新版本，即使你的机器上安装的是旧版本。
Ilse启动开发服务器(npm run dev)并在其通常的地址-打开您的应用程序 http://localhost:3000，或者它使用的任何端口-工具栏在顶部。登录、SSO和回调继续工作。第一次测试会问一些问题，大约需要一分钟。下次，只要 ilse 如果你 它安装。
更喜欢自己运行开发服务器？ --separate 在自己的地址上打开了Ilse， localhost:4700． 更多方法： 轻快地插件, bookmarklet或Chrome扩展（实验性）。
对终端不舒服？问你的经纪人： 在此项目中安装并运行Ilse -参见https://github.com/idantas/ilse。
成本是多少
伊尔斯运行的是你的代理人的计划，所以它使用了那个计划的限制。它总是选择最便宜的方法：
- 面板的调整 映射到代码中的类是由Ilse自己生成的-没有AI，即时的，没有来自你的计划的任何东西。
- 小的请求 换一种更快、更便宜的模式：几秒钟。
- 更大的 （新的屏幕，结构）到完整代理-最昂贵的步骤，所以它只在需要时使用。
更深
为什么“伊尔丝”
人工智能将设计师从执行瓶颈中解放出来，但工艺仍然需要人类的判断。Ilse是设计师在代理内部的眼睛：你指出错误，代理修复它，你同意。
“设计是改善人性的工具。”——伊尔丝·克劳福德
贡献
问题和拉请求是欢迎的-见 CONTRIBUTING.md． 安全问题不为人知： SECURITY.md。
PolyForm Shield 1.0.0：免费使用、修改和分享——只是不要建立一个与Ilse竞争的产品。0.5.1之前的版本是MIT；看到 请注意。