AI 产品案例

Skillforge OS

把 Agent Skill 做成桌面应用的 Web 操作系统，4 套主题、多窗口、完整应用生态。

原型 · 持续迭代

01问题

现有 skill 管理器（CLI / Markdown 文件夹）缺少直观的浏览、试用、安装体验，新人上手成本高。

02方案

用 React + TypeScript + Electron 实现可切换主题的桌面模拟器（System 7 / Aqua / XP / 98），每个 skill 是双击启动的桌面应用，集成一键安装协议（复制命令 / 下载 .md）。

03我的职责

产品定位、技术选型、前端全栈、虚拟文件系统设计、AI 助手集成、Skill 安装协议。

01 · 背景与痛点

社区里 Skill 越来越多，但浏览和试用都停留在命令行。想把一个 skill 讲清楚、装起来、跑起来，门槛太高。

02 · 产品设计与 Agent 架构

方案：用 React + TypeScript + Electron 实现可切换主题的桌面模拟器（System 7 / Aqua / XP / 98），每个 skill 是双击启动的桌面应用，集成一键安装协议（复制命令 / 下载 .md）。

我的职责：产品定位、技术选型、前端全栈、虚拟文件系统设计、AI 助手集成、Skill 安装协议。

工作流设计

graph LR
A[Skill 仓库] --> B[桌面技能应用]
B --> C{双击打开}
C -- 复制安装命令 --> D[Hermes 安装]
C -- 下载 md --> E[本地离线]

03 · 复盘

多主题 × 多窗口 × 完整应用生态的架构取舍：把‘窗口壳’与‘应用’解耦，主题只换皮肤、应用不感知主题；虚拟文件系统（VFS）是必须最先定下的地基，后补会处处受制。复盘：VPS 裸 IP HTTP 部署下，安全上下文 API（如 crypto.randomUUID）不可用，用 polyfill 兜底才跑通 live 演示。

04 · 成果与产品思考

10 个内置 skill 应用 + 18 个原生应用，live live 跑在腾讯云 VPS。

产品思考：工具的意义不是功能数量，而是降低"从看到到用上"的距离。

AI product case study

Skillforge OS

A web OS that turns Agent Skills into desktop apps — 4 themes, multi-window, full app ecosystem.

Prototype · Iterating

01Problem

Existing skill managers (CLI / Markdown folders) lack an intuitive browse-try-install flow; high onboarding cost.

02Approach

Built with React + TypeScript + Electron, a desktop simulator with switchable themes (System 7 / Aqua / XP / 98); each skill is a double-clickable app with a one-click install protocol (copy cmd / download .md).

03My role

Product positioning, tech selection, full-stack frontend, VFS design, AI assistant integration, skill install protocol.

01 · Background & Pain

The skill ecosystem is growing fast, but browsing and trying skills stays in the terminal. Explaining, installing, and running a skill is too high a barrier.

02 · Product Design & Agent Architecture

Approach: Built with React + TypeScript + Electron, a desktop simulator with switchable themes (System 7 / Aqua / XP / 98); each skill is a double-clickable app with a one-click install protocol (copy cmd / download .md).

My role: Product positioning, tech selection, full-stack frontend, VFS design, AI assistant integration, skill install protocol.

Workflow design

graph LR
A[Skill 仓库] --> B[桌面技能应用]
B --> C{双击打开}
C -- 复制安装命令 --> D[Hermes 安装]
C -- 下载 md --> E[本地离线]

03 · Pitfalls & Hard Lessons

[TBD: share 1-2 of the hardest debugging / cost-cutting / architecture decisions]

04 · Outcome & Product Thinking

10 built-in skill apps + 18 native apps; live live running on Tencent Cloud VPS.

Product thinking: A tool's value is not feature count, but how short the distance is from seeing it to using it.