UI Demo
sanity-io/ui
Record polished UI demo videos using Playwright. An agent skill from sanity-io/ui.
Produce a Mobius self-evolution demo video for requests that ask to show an existing UI, submit the same requirement to the Xiao Mo assistant, implement the requirement, record the changed UI…
Install Mobius Self Evo Demo
$ npx skills add mobius-system/mobius --skill mobius-self-evo-demo -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install mobius-system/mobius mobius-self-evo-demo --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/mobius-system/mobius.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/mobius-self-evo-demo .claude/skills/mobius-self-evo-demo && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "mobius-self-evo-demo" agent skill from https://github.com/mobius-system/mobius/tree/main/skills/mobius-self-evo-demo into .claude/skills/mobius-self-evo-demo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobius-self-evo-demo", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/mobius-system/mobius/tree/main/skills/mobius-self-evo-demoType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add mobius-system/mobius --skill mobius-self-evo-demo -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install mobius-system/mobius mobius-self-evo-demo --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mobius-system/mobius.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/mobius-self-evo-demo .agents/skills/mobius-self-evo-demo && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "mobius-self-evo-demo" agent skill from https://github.com/mobius-system/mobius/tree/main/skills/mobius-self-evo-demo into .agents/skills/mobius-self-evo-demo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobius-self-evo-demo", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mobius-system/mobius --skill mobius-self-evo-demo -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install mobius-system/mobius mobius-self-evo-demo --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mobius-system/mobius.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/mobius-self-evo-demo .cursor/skills/mobius-self-evo-demo && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "mobius-self-evo-demo" agent skill from https://github.com/mobius-system/mobius/tree/main/skills/mobius-self-evo-demo into .cursor/skills/mobius-self-evo-demo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobius-self-evo-demo", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/mobius-system/mobius.git --path skills/mobius-self-evo-demo--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add mobius-system/mobius --skill mobius-self-evo-demo -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install mobius-system/mobius mobius-self-evo-demo --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mobius-system/mobius.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/mobius-self-evo-demo .gemini/skills/mobius-self-evo-demo && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "mobius-self-evo-demo" agent skill from https://github.com/mobius-system/mobius/tree/main/skills/mobius-self-evo-demo into .gemini/skills/mobius-self-evo-demo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobius-self-evo-demo", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install mobius-system/mobius mobius-self-evo-demoInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add mobius-system/mobius --skill mobius-self-evo-demo -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/mobius-system/mobius.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/mobius-self-evo-demo .github/skills/mobius-self-evo-demo && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "mobius-self-evo-demo" agent skill from https://github.com/mobius-system/mobius/tree/main/skills/mobius-self-evo-demo into .github/skills/mobius-self-evo-demo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobius-self-evo-demo", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mobius-system/mobius --skill mobius-self-evo-demo -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install mobius-system/mobius mobius-self-evo-demo --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mobius-system/mobius.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/mobius-self-evo-demo .opencode/skills/mobius-self-evo-demo && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "mobius-self-evo-demo" agent skill from https://github.com/mobius-system/mobius/tree/main/skills/mobius-self-evo-demo into .opencode/skills/mobius-self-evo-demo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobius-self-evo-demo", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
mobius-self-evo-demo- GitHub stars
- 138
- Token cost
- ~3.8k tokens
- SKILL.md length
- 1,441 words
- Files
- 2 (incl. scripts)
- Skills in repo
- 13
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
Produce a Mobius self-evolution demo video for requests that ask to show an existing UI, submit the same requirement to the Xiao Mo assistant, implement the requirement, record the changed UI…
- Works in 5 steps: 首先，我提出一个需求，例如【 “版本追踪tab”… → 接下来，你的第一个任务是，使用playwright打开项目，开始录制视频，展示当前… → 下一步，开始录制视频，点击右下角的小莫图标，然后把【需求】一个字一个字地输入小莫助… → …
- Mobius self-iteration demo-video tasks based on Playwright
- SKILL.md covers 用户的原始需求, 具体细节, Required Rules and 额外检查, plus 9 more sections
- Runs Python scripts from its folder; calls ffmpeg, python3 and curl
What it does
Mobius Self Evo Demo is an agent skill from mobius-system/mobius. Produce a Mobius self-evolution demo video for requests that ask to show an existing UI, submit the same requirement to the Xiao Mo assistant, implement the requirement, record the changed UI, concatenate the clips, and deliver an MP4. Use for Mobius self-iteration demo-video tasks based on Playwright, especially Issue/Session flows that mention "自进化演示视频", "基于 Playwright", "录制视频", or three-part before/request/after demonstrations.
Its SKILL.md is about 3.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including scripts (for example `scripts/render_demo_video.py`).
It sits in Testing & QA, covering Video production and Browser testing. It works with Playwright and Git. The repository describes itself as: Self-Evolving Multi-Agent Operation System.
When your agent uses it
- Mobius self-iteration demo-video tasks based on Playwright
- Especially Issue/Session flows that mention 自进化演示视频
- Three-part before/request/after demonstrations
Example prompts
- “自进化演示视频”
- “基于 Playwright”
- “/mobius-self-evo-demo”
Requirements
- Python 3
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- 首先，我提出一个需求，例如【 “版本追踪tab” 的刷新按钮旁边，应该添加一个多功能按钮（当git仓库存在时），点击后，出现常见的git操作，如“拉取”，“推送”，“暂存”】
- 接下来，你的第一个任务是，使用playwright打开项目，开始录制视频，展示当前“版本追踪tab”的情况。结束录制。
- 下一步，开始录制视频，点击右下角的小莫图标，然后把【需求】一个字一个字地输入小莫助手的输入框，点击发送，3秒后结束录制。（因为小莫助手一般需要二次确认才会真正执行，所以，不去动它，需求实际上不会真正执行）
- 接下来，你的任务是，把修改代码，把【需求】实质性地完成，然后开始录制视频，展示修改后的结果。
- 把三段视频拼接到一起。下班收工。
What it can do on your machine
Read from SKILL.md and the folder at commit bb1ba42. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
ffmpegpython3curlgitnodenpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use curl, git and npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Mobius Self Evo Demo loads about 3.8k tokens when it runs. Until then it costs about 114 tokens; SKILL.md has 1,441 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,441 words (~3,752 tokens).
“Use this skill to create a reproducible Mobius self-evolution demo:”
- name
- mobius-self-evo-demo
Files
SKILL.md and 1 other file (scripts) in skills/mobius-self-evo-demo of mobius-system/mobius.
- SKILL.md
- scripts/render_demo_video.py
Open the folder on GitHubat commit bb1ba42
Compare with similar skills
Mobius Self Evo Demo next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Mobius Self Evo Demo this skillmobius-system/mobius | 138 | — | ~3.8k | Automated safety check: Pass | Custom licence | |
| UI Demosanity-io/ui | 176 | 4 repos | ~3.8k | Automated safety check: Pass | MIT | |
| Playwright Component Testingmellowagain/gitarena | 115 | 1 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Reprovaadin/web-components | 582 | — | ~1.3k | Automated safety check: Pass | None | |
| Playwright Tracemellowagain/gitarena | 115 | 1 repos | ~1.2k | Automated safety check: Pass | MIT | |
| Reprovaadin/flow-components | 129 | — | ~1.3k | Automated safety check: Pass | None |
Similar skills
- Official
Playwright Component Testing
mellowagain/gitarena
Set up component testing with Playwright using a story gallery — scaffold stories and a gallery dev page driven by the built-in mount fixture, no dedicated component-testing runtime.
Repro
vaadin/web-components
Reproduce a Vaadin web component bug from a GitHub issue in vaadin/web-components.
Playwright Trace
mellowagain/gitarena
Inspect Playwright trace files from the command line — list actions, view requests, console, errors, snapshots and screenshots.
Repro
vaadin/flow-components
Reproduce a Vaadin Flow component bug from a GitHub issue in vaadin/flow-components or a component-specific issue in vaadin/flow.
Demo Video
hmislk/hmis
A skill your agent uses when asked to make a demo, training, how-to or tutorial video with sound or voice-over showing an HMIS function or configuration (e.g.
More from mobius-system/mobius
All 13 skills in this repoMobius Electron Debug
mobius-system/mobius
Iterate on the Mobius desktop (Electron) client on a remote Windows machine via aimux — hot-swap app.asar through the bridge, restart the exe, and verify with a screenshot feedback loop.
Mobius MCP Stdio Invocation
mobius-system/mobius
Invoke any MCP (Model Context Protocol) server directly from the CLI via stdio JSON-RPC, with no Claude Code / harness dependency.
Mobius Aimux
mobius-system/mobius
Operate a remote machine (Windows, Linux, Mac) that a user has reverse-connected into the mobius.
Mobius Architecture Draw
mobius-system/mobius
Analyze a Mobius project repository and generate a single-file HTML/SVG architecture diagram at .imac/generatedfigures/arch.html, with optional image fallbacks.
Mobius Extension
mobius-system/mobius
在莫比乌斯 AI 中开发一个新拓展插件 (特殊应用). An agent skill from mobius-system/mobius.
Mobius Gui Operation
mobius-system/mobius
AIMUX操作远程设备的图形界面。铁律：界面操作只能用 remotegui 统一接口，禁止用系统命令注入键鼠。两种方法：① 模拟人类（只回截图 + 模型在图上定位 + 坐标注入真实键鼠，万能通用但慢）② 图形转文本结构（走无障碍元素树，快但不可靠）。含游戏类界面的鼠标双模式判断（有无鼠标指针决定点击能否作用到…
Related
Works with
Categories
Questions about Mobius Self Evo Demo
What does Mobius Self Evo Demo do?
Produce a Mobius self-evolution demo video for requests that ask to show an existing UI, submit the same requirement to the Xiao Mo assistant, implement the requirement, record the changed UI…. Mobius Self Evo Demo is an agent skill from mobius-system/mobius. Produce a Mobius self-evolution demo video for requests that ask to show an existing UI, submit the same requirement to the Xiao Mo assistant, implement the requirement, record the changed UI, concatenate the clips, and deliver an MP4.
When should I use Mobius Self Evo Demo?
Mobius Self Evo Demo fits situations like: mobius self-iteration demo-video tasks based on Playwright; especially Issue/Session flows that mention 自进化演示视频; three-part before/request/after demonstrations.
How do I install Mobius Self Evo Demo in Claude Code?
Run `npx skills add mobius-system/mobius --skill mobius-self-evo-demo -a claude-code`. Or copy the skill folder (skills/mobius-self-evo-demo in mobius-system/mobius) into .claude/skills/mobius-self-evo-demo in your project. Claude Code loads it when a task matches its description.
How do I install Mobius Self Evo Demo in Codex?
Run `npx skills add mobius-system/mobius --skill mobius-self-evo-demo -a codex`. Or copy the skill folder (skills/mobius-self-evo-demo in mobius-system/mobius) into .agents/skills/mobius-self-evo-demo in your project. Codex loads it when a task matches its description.
Can I use Mobius Self Evo Demo in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add mobius-system/mobius --skill mobius-self-evo-demo -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/mobius-self-evo-demo, .gemini/skills/mobius-self-evo-demo, .github/skills/mobius-self-evo-demo and .opencode/skills/mobius-self-evo-demo in your project.
What does Mobius Self Evo Demo need to run?
Going by SKILL.md and its folder, Mobius Self Evo Demo needs Python for the scripts in its folder and the command-line tools its instructions call (ffmpeg, python3, curl, git, node and npm). Our summary lists: Python 3.
Does Mobius Self Evo Demo access the network?
SKILL.md contains no URLs. Its commands use curl, git and npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Mobius Self Evo Demo safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Mobius Self Evo Demo use?
Mobius Self Evo Demo has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Mobius Self Evo Demo use?
About 3.8k tokens (SKILL.md is roughly 15k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Mobius Self Evo Demo?
Skills that share tags, products or a category with Mobius Self Evo Demo: UI Demo (sanity-io/ui, 176 stars), Playwright Component Testing (mellowagain/gitarena, 115 stars), Repro (vaadin/web-components, 582 stars) and Playwright Trace (mellowagain/gitarena, 115 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Mobius Self Evo Demo?
mobius-system (a GitHub user) maintains it in mobius-system/mobius, which has 138 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on October 10, 2026.
Source: mobius-system/mobius on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.