dev-target

分类: 工具与效率 | 上传者: ContextSphere | 下载: 0 | 版本: v1.0（最新）

在使用第二个 Stratos 实例作为开发目标来构建和测试 Stratos 功能时使用。当用户想要设置双实例工作流程、连接到功能工作树或直观地验证隔离 Stratos 实例中的更改时触发。

更新日志: Source: GitHub https://github.com/ContextSphere/stratos

目录结构

当前层级: tree/main/.claude/skills/dev-target/

📄 SKILL.md 1.6 KB

SKILL.md

---
name: dev-target
description: Use when building and testing Stratos features using a second Stratos instance as a dev target. Trigger when the user wants to set up a dual-instance workflow, connect to a feature worktree, or visually verify changes in an isolated Stratos instance.
---

Build and test Stratos features using a second Stratos instance.

## Workflow

### Setup

1. Create a git worktree for the feature:
   ```bash
   git worktree add ../stratos-<feature> -b <feature-branch>
   ```
2. Start the dev target with worktree isolation:
   ```bash
   cd ../stratos-<feature> && STRATOS_WORKTREE=1 pnpm --filter @stratosapp/desktop dev:debug
   ```
3. Note the CDP port from the startup log: `[worktree] CDP port=XXXX`
4. Set `CDP_PORT=XXXX` in your environment so MCP tools connect to the target

### Connecting

- The MCP `chrome-devtools` server auto-derives the port from the git root
- If you're in the main worktree, it connects to the main instance
- To connect to the target: `CDP_PORT=XXXX npx chrome-devtools-mcp --browser-url=http://127.0.0.1:XXXX`

### Visual Identification

- Dev tool (main worktree): blue "Panel" text in sidebar, default dock icon
- Dev target (feature worktree): different colored "Panel" text + hue-shifted dock icon
- Window title shows worktree name: "Stratos — <feature>"

### Verification Loop

1. Make code changes in the target worktree
2. HMR auto-reloads the target instance
3. `take_snapshot` → interact → `take_screenshot` to verify
4. Fix issues and repeat

### Cleanup

- Kill target: `lsof -ti :<CDP_PORT> | xargs kill`
- Remove worktree: `git worktree remove ../stratos-<feature>`

登录后下载/点赞/收藏 ❤ 7 | ★ 0

dev-target

目录结构

SKILL.md

举报内容

提示