内容
Design](.github)](https://redes1.io/)
# RēDesign
**一张截图，众多AI重新设计方案尽览。**
[](https://github.com/LunarWerxs/ReDesign/actions/workflows/ci.yml)
[](https://bun.sh)
[](https://redes1gn.github.io/)
只需将任意屏幕的截图输入到该工具中，它会将该截图发送到多个AI模型，并返回一个网格化的、真实的、独立的HTML重新设计方案，每个方案都与原始设计并排放置，以便于比较。无需在十个聊天标签中反复粘贴相同的图片并逐一查看结果。
该工具在您的本地机器上运行，仅与您提供的模型API通信。可选的“与连接同步”开关可以将您的主题同步到其他设备；您的API密钥永远不会离开您的机器。
## 它是什么样子
将截图拖放到控制面板中，选择您想要的模型和预设，然后点击运行：
以下是从一个示例仪表板生成的一次运行中，由Claude、GPT、Gemini和等模型生成的六种重新：
##用
您需要 [Bun](https://bun.sh) 2 或更新版本。
```sh
bun install
npm run build 构建Web UI（仅需要）
cp .env.example .env # 添加您的API密钥
bun run src/index.ts serve
```
打开 http://127.0.0.1:5178，拖入截图，选择几个模型，点击运行。在Windows上，您可以直接双击 `start.cmd` 跳过上述步骤。
## 为什么它很好用
- **所有模型同时运行。** Claude、GPT、Gemini、DeepSeek和Qwen等模型开箱即用添加任何OpenAI兼容的端点。您可以将常用的模型，其他模型一键切换，就 Code Copilot一样。所有行运行，不会依次运行 **每个模型多种设计方案，一次运行。** 您可以要求单个模型生成三种变体，而另一个模型生成一种设计方案，所有这些都在同一批次中进行。一次对比多个设计方案更有意义，因为您可以查看模型的范围，而不仅仅是一次随机生成的结果。
- **预设提示堆栈。** 包括忠实刷新、粗犷重新想象、极简主义、转换等预设，或编写您自己的提示。
- **值得使用的查看器。** 按模型或预设筛选，设置列数，预览从手机到桌面宽度不等的设计。原始设计始终排位，以便您有对比的- **粘贴密钥，跳过设置。** 添加一个多个密钥。该工具会自动识别所属的服务，并在可能的情况下，将密钥归档到中。给每个提供商一组密钥，它会在密钥失效时静默地将它们放在一边，然后在以后恢复它们。
- **设计安全。** 每个模型编写的HTML都在一个锁定的iframe中运行。您可以点击它，但它无法触及您的数据。
- **费用清晰。** 每次运行的费用计量器，以及运行前估计费用设计不会让您感到意外。
- **可脚本化。** 界面中的所有内容都有命令行对应命令，并且有一个MCP服务器，允许AI代理驱动它。
## 更深入的了解
- **全部配置，无需代码。** 模型位于 `src/config/models.json`，提示位于 `src/config/prompts.json`。添加、禁用或升级模型版本，无需修改应用程序。
- **参考图像。** 拖入您喜欢的设计，每个模型都会借鉴其风格和颜色，而不是布局。
- **纯文本模型也能看到屏幕。** 不能处理图像的模型会首先自动生成截图的描述，以便它重新设计实际的界面，而不是进行猜测 **技术栈。**使用Bun和Hono（一个运行时依赖），前端使用Vue 3 + Vite + Tailwind + shadcn不会以明文形式存储在磁盘上。
## 命令行操作
```sh
bun run src/index.ts run # 队列运行（添加 --mock 进行免费的模拟运行）
bun run src/index.ts models # 模型和每个模型拥有的密钥数量/index.ts keys # 密钥健康状态
bun run src/index.ts mcp # 为代理启动MCP服务器## 测试
```sh
bun test tests
```
完全离线，无需密钥，无需花费。
## 许可证
MIT。您可以随意使用它。参见 [LICENSE](LICENSE)。
由LunarWerx
MCP 市场