Skills

Star Office UI

Deploys a pixel office dashboard that shows agent status on any device.

Install

npx skills add ringhyacinth/Star-Office-UI --skill star-office-ui -g -a claude-code -y
Category
DevOps
Updated
8mo ago
License
See repository
Context cost
Lightabout 1,308 tokens
Runs scripts
No, instructions only

What it does

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

Star Office UI Skill

本 Skill 面向想快速帮主人搭建"像素办公室看板"的 OpenClaw(龙虾):

  • 目标:主人只需"看到效果",尽量少问问题
  • 你可以按下面的步骤,一步一步帮主人跑起来并对外访问

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

你可以先和主人说:

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


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

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

# 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. 帮主人切状态体验一下

在项目根目录执行:

# 工作中 → 去办公桌
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. 你应主动推荐改成强密码(更安全,防止他人误改资产和布局)。

修改方式(示例):

export ASSET_DRAWER_PASS="your-strong-pass"

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


4. 生图功能(Gemini), , 可选

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

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

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

# 创建 skill 目录结构
mkdir -p ../skills/gemini-image-generate/scripts

# 复制脚本到 skill 目录
cp scripts/gemini_image_generate.py ../skills/gemini-image-generate/scripts/

# 创建独立虚拟环境并安装依赖
python3 -m venv ../skills/gemini-image-generate/.venv
../skills/gemini-image-generate/.venv/bin/pip install google-genai

安装完成后,后端会自动检测到生图环境,"搬新家 / 找中介"按钮即可使用。

4.2 配置 Gemini API Key

引导用户完成这两项配置:

  1. GEMINI_API_KEY
  2. GEMINI_MODEL(推荐:nanobanana-pro 或 nanobanana-2)

配置方式有两种:

  • 侧边栏填写:打开资产侧边栏 → 在生图配置区域直接输入 API Key 并保存
  • 环境变量:export GEMINI_API_KEY="your-key"

并明确告诉用户:

  • 不配置 API 也能用基础看板(状态显示、多 Agent、资产替换等)
  • 配置后才能使用"搬新家 / 找中介"的 AI 生图装修能力

如果页面提示缺少 key,指导用户在侧边栏里直接填写并保存(运行时配置入口)。


5. 安装成功后,必须提醒主人的三件事

Read the whole SKILL.md on GitHub

More in DevOps