内容
# 设计思维
**AI 编程工具在美学上是盲目的。设计思维是我们赋予它们视觉的方式。**
我厌倦了看到 AI 构建出难看的东西。当我们要求 Cursor 或 Claude “制作一个仪表板”时，我们是在要求它做出成千上万个微小的设计决策——间距、阴影、色彩协调——而它实际上并不理解。它是在猜测。而当 AI 在大规模上进行猜测时，它会产生“设计漂移”——一个产品虽然功能正常，但感觉像是机器人委员会设计的。
设计思维是一种设计智能层。它不是一个模板库；它是一套活的、呼吸的设计规则和理念。我们将专业设计运动的“灵魂”编码成任何 AI 都可以查询的协议。
## 使用实时大脑（现在就用）
你不需要自己托管它就可以开始使用。我已经部署了一个公共实例供每个人使用。
**SSE URL:** `https://designmind.onrender.com/sse`
### 连接到 Cursor
1. 打开 **设置** → **Cursor 设置** → **MCP**。
2. 点击 **"+ 新增 MCP 服务器"**。
3. **名称:** `设计思维` | **类型:** `sse`。
4. **网址:** `https://designmind.onrender.com/sse`
### 连接到 Claude 桌面版
将以下内容添加到你的 `claude_desktop_config.json`：
```json
{
"mcpServers": {
"designmind": { "url": "https://designmind.onrender.com/sse" }
}
}
```
### 连接到 Google Antigravity
1. 打开 **代理会话** 菜单（点击右上角的 `...` 图标）。
2. 选择 **MCP 服务器** -> **管理 MCP 服务器**。
3. 点击 **查看原始配置** 以打开 `mcp_config.json`。
4. 在 `mcpServers` 对象中添加以下内容：
**选项 A：远程（云）— 推荐**
无需下载。使用实时设计思维大脑。
```json
"designmind": {
"type": "sse",
"url": "https://designmind.onrender.com/sse"
}
```
**选项 B：本地（开发者）**
如果你想修改样式或运行自己的实例，请使用此选项。
```json
"designmind": {
"command": "node",
"args": ["/绝对路径/到/DesignMind/dist/index.js"],
"env": {}
}
```
---
## AI 时代的 8 种设计风格
设计思维启动时具有 8 种深入指定的风格，从 **新粗野主义** 到 **工业极简主义**。
每种风格不仅仅是一列表 hex 代码；它是一个 **功能契约**。它包括：
- **理念：** 该风格为何存在（例如，“结构的激进诚实性”）。
- **实时验证：** AI 会询问，“这里使用 12px 半径可以吗？”设计思维会根据风格的核心规则以 **违规** 或 **批准** 作答。
- **反模式：** 明确的“禁忌”规则，防止 AI 犯下常见的、懒惰的设计错误。
---
## 贡献：教 AI 一种新风格
设计思维的力量取决于我们赋予它的设计知识。我们希望编码整个设计历史——从包豪斯运动到最新的 Bento 网格趋势。
**如何贡献：**
1. 查看 `src/styles/neo-brutalism.ts` 以了解“设计大脑”的结构。
2. 在 `src/styles/` 中创建自己的风格。
3. 打开拉取请求！我们正在寻找有人帮助我们实现 **拟态复兴**、**赛博朋克精确度** 或 **包豪斯功能主义**。
---
## 🛠️ 本地运行（适用于爱好者）
如果你想修改引擎或运行自己的私有版本：
```bash
# 1. 克隆它
git clone https://github.com/JojoAArtI/DesignMind.git
# 2. 安装依赖
npm install
# 3. 构建它
npm run build
# 4. 使用它（本地）
# 将以下内容添加到您的本地 MCP 配置（标准 stdio 模式）：
# "command": "node", "args": ["/路径/到/DesignMind/dist/index.js"]
```
## 部署智慧（来自构建的笔记）
如果你自己部署它（例如，在 Render 上），这里有一个教训：**不要将 `typescript` 或 `@types` 放在 `devDependencies` 中。**
当你部署到像 Render 这样的生产环境时，它不会安装它们，构建会因找不到 `tsc` 而失败。我已更新 `package.json` 以确保其开箱即用，但请记住这点以便应用到你的下一个项目。
另外，Render 上的 **免费层** 在 15 分钟无活动后会休眠。如果你的 AI 工具在早上第一次使用时需要 30 秒才能响应，不要惊慌——它只是大脑在唤醒。
---
[GitHub](https://github.com/JojoAArtI/DesignMind)
