---
title: skill-map
canonical_url: "https://www.modelscope.cn/studios/snowmouse/skill-map"
md_url: "https://www.modelscope.cn/studios/snowmouse/skill-map.md"
repository: snowmouse/skill-map
chinese_name: "栖舟寻志"
last_updated: 2026-07-17
sdk_type: static
sdk_version: 6.17.3
downloads: 0
stars: 0
---

# skill-map

> skill-map - snowmouse 在 ModelScope 创建的在线 Demo。一个基于中国特色生涯规划理论体系，结合ai驱动的人生导航系统，使用前需要自己配置api哦，右上角

snowmouse/skill-map 是 ModelScope 魔搭社区上的在线可交互 Demo（创空间），基于 static 6.17.3 构建，中文名为「栖舟寻志」。

- **Repository**: snowmouse/skill-map
- **SDK**: static
- **SDK version**: 6.17.3
- **Downloads**: 0
- **Stars**: 0
- **Last updated**: 2026-07-17

Source: https://www.modelscope.cn/studios/snowmouse/skill-map

---

# SkillMap

一个把模糊的职业规划拆解为可推进技能树的轻量工具。基于 React + Vite 构建，部署为静态站点，LLM 调用完全在浏览器端完成。

#### Clone with HTTP

```bash
git clone https://www.modelscope.cn/studios/snowmouse/skill-map.git
```

## 部署说明

本仓库以 ModelScope 创空间 **Static HTML** 模式部署：

- 入口文件：仓库根目录的 `index.html`（已构建产物）
- 静态资源：`assets/` 目录
- 无需后端函数：LLM 调用在前端完成，用户在页面右上角「⚙️」按钮中配置自己的 API Key（保存在浏览器 localStorage）

## 使用流程

1. 打开创空间页面
2. 点击右上角「⚙️」按钮，选择服务商（Volcengine Ark / Gemini / DeepSeek / SiliconFlow / Qwen / 自定义），填入 API Key、Base URL、模型名
3. 在首页点击「开始生成我的 SkillMap」
4. 填写目标方向、当前背景等信息，提交生成
5. 在 `/tree` 页查看技能树，点击节点查看详情，支持导出

## 本地开发

源码位于 `src/` 目录，构建配置为 `package.json` / `vite.config.ts` / `tsconfig.json`。

```bash
npm install
npm run dev      # 开发模式
npm run build    # 构建到 dist/
npm run check    # TypeScript 类型检查
```

构建后把 `dist/` 内的 `index.html` 与 `assets/` 同步到仓库根目录即可更新部署。

## 与原 IGA Pages 版本的差异

- 原 `api/generate.js` 是 IGA Pages Functions 形式的服务端接口，依赖环境变量配置 LLM Key
- 本仓库改为浏览器端直连 LLM，把对应逻辑迁移到 `src/utils/llmClient.ts`，并在 `src/utils/llmSettings.ts` 中通过 localStorage 管理 LLM 配置
- 路由从 `BrowserRouter` 改为 `HashRouter`，确保静态托管下深链接可用
- Vite `base` 设置为 `'./'`，确保资源在任何子路径下都能正确加载

## 环境变量

无需任何环境变量。所有 LLM 配置由用户在页面 UI 中填写并保存在浏览器本地。

## License

MIT License