Reactflow Workflow
veloxbase/veloxdb
Build and harden React Flow diagram surfaces in VeloxDB using @xyflow/react patterns (nodes, edges, viewport, controls, interactions, performance).
通过 CDP 连接 ReinaManager WebView2，复现、诊断并验证真实应用的前端问题。仅在用户显式调用 /cdp 或 $cdp 进行前端调试时使用。
Install Cdp
$ npx skills add huoshen80/ReinaManager --skill cdp -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install huoshen80/ReinaManager cdp --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/huoshen80/ReinaManager.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/cdp .claude/skills/cdp && 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 "cdp" agent skill from https://github.com/huoshen80/ReinaManager/tree/main/.agents/skills/cdp into .claude/skills/cdp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cdp", 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/huoshen80/ReinaManager/tree/main/.agents/skills/cdpType 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 huoshen80/ReinaManager --skill cdp -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install huoshen80/ReinaManager cdp --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/huoshen80/ReinaManager.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/cdp .agents/skills/cdp && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "cdp" agent skill from https://github.com/huoshen80/ReinaManager/tree/main/.agents/skills/cdp into .agents/skills/cdp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cdp", 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 huoshen80/ReinaManager --skill cdp -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install huoshen80/ReinaManager cdp --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/huoshen80/ReinaManager.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/cdp .cursor/skills/cdp && 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 "cdp" agent skill from https://github.com/huoshen80/ReinaManager/tree/main/.agents/skills/cdp into .cursor/skills/cdp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cdp", 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/huoshen80/ReinaManager.git --path .agents/skills/cdp--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 huoshen80/ReinaManager --skill cdp -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install huoshen80/ReinaManager cdp --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/huoshen80/ReinaManager.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/cdp .gemini/skills/cdp && 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 "cdp" agent skill from https://github.com/huoshen80/ReinaManager/tree/main/.agents/skills/cdp into .gemini/skills/cdp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cdp", 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 huoshen80/ReinaManager cdpInstalls 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 huoshen80/ReinaManager --skill cdp -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/huoshen80/ReinaManager.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/cdp .github/skills/cdp && 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 "cdp" agent skill from https://github.com/huoshen80/ReinaManager/tree/main/.agents/skills/cdp into .github/skills/cdp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cdp", 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 huoshen80/ReinaManager --skill cdp -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install huoshen80/ReinaManager cdp --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/huoshen80/ReinaManager.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/cdp .opencode/skills/cdp && 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 "cdp" agent skill from https://github.com/huoshen80/ReinaManager/tree/main/.agents/skills/cdp into .opencode/skills/cdp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cdp", 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
cdp- GitHub stars
- 693
- Token cost
- ~178 tokens
- SKILL.md length
- 28 words
- Files
- 2
- Skills in repo
- 3
- Repo updated
- First seen
- Licence
- AGPL-3.0
At a glance
通过 CDP 连接 ReinaManager WebView2，复现、诊断并验证真实应用的前端问题。仅在用户显式调用 /cdp 或 $cdp 进行前端调试时使用。
- Tasks that involve Creative writing and fiction
- SKILL.md covers 连接应用 and 验证与结束
- Calls pnpm
What it does
Cdp is an agent skill from huoshen80/ReinaManager. 通过 CDP 连接 ReinaManager WebView2，复现、诊断并验证真实应用的前端问题。仅在用户显式调用 /cdp 或 $cdp 进行前端调试时使用。
Its SKILL.md is about 180 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).
It sits in Databases, covering Creative writing and fiction. It works with Tauri, SQLite, React and Rust. The repository describes itself as: A lightweight galgame/visual-novel manager,Under development... The licence is AGPL-3.0.
When your agent uses it
- Tasks that involve Creative writing and fiction
Example prompts
- “/cdp”
What it can do on your machine
Read from SKILL.md and the folder at commit 89c0c07. 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
Shell commands in SKILL.md call:
pnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pnpm, 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
Cdp loads about 178 tokens when it runs. Until then it costs about 21 tokens; SKILL.md has 28 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); files beside SKILL.md are not scanned.
SKILL.md
The full file from huoshen80/ReinaManager at commit 89c0c07, republished under its AGPL-3.0 licence (© huoshen80). 28 words, ~178 tokens.
Download SKILL.mdSave it as
.claude/skills/cdp/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- cdp
- description
- 通过 CDP 连接 ReinaManager WebView2，复现、诊断并验证真实应用的前端问题。仅在用户显式调用 /cdp 或 $cdp 进行前端调试时使用。
CDP 前端调试
按任务自行选择浏览器工具、Playwright 或原生 CDP 驱动，以及操作和取证方式。
连接应用
- 检查
http://127.0.0.1:9222/json/list，核对 ReinaManager 的 URL、标题和页面内容，复用现有连接与页面。 - 端口空闲且需要启动应用时，在项目根目录执行
pnpm tauri:dev-cdp，保留开发进程。遇到无关服务不终止它。 - 需要批量模拟数据或响应时序时，使用 frontend-test 技能 的隔离环境；不要为每次真实应用复验创建新浏览器或 profile。
验证与结束
- 按用户描述的路径复现并获取证据，修复后回到原路径复验。截图、DOM、日志或逐帧记录按问题选择；用户只要求诊断时不修改生产代码。
- 操作真实数据时遵循当前会话的授权范围，不为测试擅自删除、导入、覆盖数据或启动外部游戏。
- 脚本与需要落盘的产物放在
.local/frontend-tests/，结束后清理无用文件、本次页面探针及监听器。 - 保留用户的应用、现有页面和可复用连接，不向真实应用发送原生
Browser.close，不按进程名批量终止浏览器。
简要报告证据、验证结果与仍存在的限制；修改代码后按项目规则完成必要检查。
© huoshen80, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in .agents/skills/cdp of huoshen80/ReinaManager.
- SKILL.md
- agents/openai.yaml
Open the folder on GitHubat commit 89c0c07
Compare with similar skills
Cdp 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 |
|---|---|---|---|---|---|---|
| Cdp this skillhuoshen80/ReinaManager | 693 | — | ~178 | Automated safety check: Pass | AGPL-3.0 | |
| Reactflow Workflowveloxbase/veloxdb | 646 | — | ~897 | Automated safety check: Pass | MIT | |
| Brainstormbkywksj/knowledge-base | 330 | — | ~1.4k | Automated safety check: Pass | Custom licence | |
| Memorywhalewuisabel-gif/MemWhale | 154 | — | ~765 | Automated safety check: Pass | MIT | |
| Veloxdb Scalable Performanceveloxbase/veloxdb | 646 | — | ~1.7k | Automated safety check: Pass | MIT | |
| Memorywhale Evidencewuisabel-gif/MemWhale | 154 | — | ~459 | Automated safety check: Pass | MIT |
Similar skills
Brainstorm
bkywksj/knowledge-base
当需要探索方案、头脑风暴、创意思维时自动使用此 Skill. An agent skill from bkywksj/knowledge-base.
Memorywhale
wuisabel-gif/MemWhale
Query and write durable debugging memory recorded by MemoryWhale.
Veloxdb Scalable Performance
veloxbase/veloxdb
Guides scalability and performance work for VeloxDB's Tauri + Rust PostgreSQL backend and React + TanStack frontend.
Memorywhale Evidence
wuisabel-gif/MemWhale
Use MemoryWhale debugging evidence when the user requests recall or a recurring failure may have relevant recorded history.
Refactor
atilladeniz/Kubeli
Refactors code following Ousterhout's design principles. An agent skill from atilladeniz/Kubeli.
More from huoshen80/ReinaManager
I18n
huoshen80/ReinaManager
使用 i18next-cli 检查、同步和整理本项目的国际化资源。涉及新增、修改、删除翻译键或国际化字符串，以及修复缺失翻译时使用。
Frontend Test
huoshen80/ReinaManager
在 ReinaManager 项目内进行隔离前端验证，复用测试目录并回收测试资源。需要模拟批量数据、延迟、失败或交互回归时使用。
Related
Categories
Questions about Cdp
What does Cdp do?
通过 CDP 连接 ReinaManager WebView2，复现、诊断并验证真实应用的前端问题。仅在用户显式调用 /cdp 或 $cdp 进行前端调试时使用。. Cdp is an agent skill from huoshen80/ReinaManager.
When should I use Cdp?
Cdp fits situations like: tasks that involve Creative writing and fiction.
How do I install Cdp in Claude Code?
Run `npx skills add huoshen80/ReinaManager --skill cdp -a claude-code`. Or copy the skill folder (.agents/skills/cdp in huoshen80/ReinaManager) into .claude/skills/cdp in your project. Claude Code loads it when a task matches its description.
How do I install Cdp in Codex?
Run `npx skills add huoshen80/ReinaManager --skill cdp -a codex`. Or copy the skill folder (.agents/skills/cdp in huoshen80/ReinaManager) into .agents/skills/cdp in your project. Codex loads it when a task matches its description.
Can I use Cdp 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 huoshen80/ReinaManager --skill cdp -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/cdp, .gemini/skills/cdp, .github/skills/cdp and .opencode/skills/cdp in your project.
What does Cdp need to run?
Going by SKILL.md and its folder, Cdp needs the command-line tools its instructions call (pnpm).
Does Cdp access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Cdp 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. Review the folder before installing.
What licence does Cdp use?
Cdp is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Cdp use?
About 178 tokens (SKILL.md is roughly 712 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 Cdp?
Skills that share tags, products or a category with Cdp: Reactflow Workflow (veloxbase/veloxdb, 646 stars), Brainstorm (bkywksj/knowledge-base, 330 stars), Memorywhale (wuisabel-gif/MemWhale, 154 stars) and Veloxdb Scalable Performance (veloxbase/veloxdb, 646 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Cdp?
huoshen80 (a GitHub user) maintains it in huoshen80/ReinaManager, which has 693 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on October 3, 2026.
Source: huoshen80/ReinaManager on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.