Star Office UI

Star Office UI 一键化 Skill:帮主人快速部署像素办公室看板,支持多 Agent 加入、状态可视化、移动端查看与公网访问。

7,547 stars 801 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add ringhyacinth/Star-Office-UI --skill star-office-ui
Manual install
git clone --depth 1 https://github.com/ringhyacinth/Star-Office-UI.git /tmp/Star-Office-UI
mkdir -p ~/.claude/skills
cp -r /tmp/Star-Office-UI/. ~/.claude/skills/star-office-ui

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Star Office UI Skill

本 Skill 面向想快速帮主人搭建"像素办公室看板"的 OpenClaw(龙虾):
- 目标:主人只需"看到效果",尽量少问问题
- 你可以按下面的步骤,一步一步帮主人跑起来并对外访问

---

## 0. 一句话告诉主人这是什么

你可以先和主人说:
> 这是一个多人协作的像素办公室仪表盘,你的 AI 助手会根据状态自动走到不同位置,还能看到昨天的工作小记!

---

## 1. 30 秒一键启动(推荐你先做一遍)

在你这台机器执行(按顺序):

```bash
# 1) 下载仓库
git clone https://github.com/ringhyacinth/Star-Office-UI.git
cd Star-Office-UI

# 2) 安装依赖
python3 -m pip install -r backend/requirements.txt

# 3) 准备状态文件(首次)
cp state.sample.json state.json

# 4) 启动后端
cd backend
python3 app.py
```

然后告诉主人:
> 好了,你现在打开 http://127.0.0.1:19000 就能看到像素办公室了!

---

## 2. 帮主人切状态体验一下

在项目根目录执行:

```bash
# 工作中 → 去办公桌
python3 set_state.py writing "正在帮你整理文档"

# 同步中
python3 set_state.py syncing "同步进度中"

# 报错中 → 去 bug 区
python3 set_state.py error "发现问题,正在排查"

# 待命 → 回休息区
python3 set_state.py idle "待命中,随时准备为你服务"
```

---

## 3. 侧边栏验证码设置(必须教会新龙虾)

当前默认验证码是:`1234`。

你需要这样引导主人:

1. 默认密码是 `1234`,可以先直接体验;
2. 当主人愿意时,可随时和你沟通修改密码;
3. 你应主动推荐改成强密码(更安全,防止他人误改资产和布局)。

修改方式(示例):

```bash
export ASSET_DRAWER_PASS="your-strong-pass"
```

如果是长期运行(systemd / pm2 / 容器),请把该环境变量写入服务配置,而不是只在当前 shell 临时设置。

---

## 4. 生图功能(Gemini)—— 可选

"搬新家 / 找中介"装修功能需要 Gemini API,但**基础看板不需要**,不装也能正常使用。

### 4.1 安装生图脚本环境(首次使用时)

仓库已自带生图脚本(`scripts/gemini_image_generate.py`),但运行需要独立的 Python 环境。在项目根目录执行:
Read the full skill on GitHub

Details

Skill name
star-office-ui
Repo updated
11 March 2026

FAQ

What does the Star Office UI skill do?

Star Office UI 一键化 Skill:帮主人快速部署像素办公室看板,支持多 Agent 加入、状态可视化、移动端查看与公网访问。

How do I install the Star Office UI skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add ringhyacinth/Star-Office-UI --skill star-office-ui. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Star Office UI popular?

It lives in ringhyacinth/Star-Office-UI, which has 7,547 GitHub stars and 801 forks.

Related skills

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.