clone

1# Clone
2 
3Output: a folder of screenshots, one index that describes everything the
4app shows, and a backlog built from it.
5 
6```text
7docs/screens/
8  INDEX.md
9  01-inbox.png
10  02-today.png
11  ...
12docs/STORIES.md      (from the user-stories skill)
13```
14 
15## 1. Pick the tool
16 
17| The app is | Use |
18| --- | --- |
19| A native Mac app, or Electron | Computer use (`mcp__computer-use__*`) |
20| A web app | A browser tool: the built-in browser, Claude in Chrome, or Playwright |
21 
22Computer use needs a Pro or Max plan, and Accessibility and Screen
23Recording permissions. Claude desktop: Settings > This computer > Enable
24computer use. Claude Code CLI: `/mcp` > `computer-use` > Enable. Ask for
25access to the reference app only. Browsers are view-only and terminals are
26click-only for computer use.
27 
28## 2. Agree on privacy
29 
30Tell the user you will see everything in the app. Suggest a demo account or
31sample data. Look, do not touch: open screens and menus, press Escape to
32close dialogs. Type, create, change, or delete only when the user says so.
33 
34## 3. Save real files
35 
36Computer use screenshots come to you downscaled, not to disk. Save each
37screen at full resolution with the script in this skill:
38 
39```bash
40"${CLAUDE_SKILL_DIR}/scripts/window-shot.sh" "<App Name>" docs/screens/01-inbox.png
41```
42 
43It captures the app's largest window. For menus and popovers outside the
44window, use `screencapture -x docs/screens/<name>.png` and note it in the
45index. In a browser, use the tool's screenshot with a file path.
46…