Skills

Clone

Walk through any existing app (native Mac app with computer use, web app with a...

Install

npx skills add daveebbelaar/bama --skill clone -g -a claude-code -y
Repository
daveebbelaar/bama1.3k
Category
Design
Updated
3d ago
License
MIT
Context cost
Lightabout 1,026 tokens
Runs scripts
Yes, review before use

What it does

Walk through any existing app (native Mac app with computer use, web app with a browser), screenshot every screen, menu, and dialog, write a screen index, and turn it into user stories. Use when the user wants to clone, rebuild, replace, or copy the design of an app, or says "screenshot every screen".

Clone

Output: a folder of screenshots, one index that describes everything the app shows, and a backlog built from it.

docs/screens/
  INDEX.md
  01-inbox.png
  02-today.png
  ...
docs/STORIES.md      (from the user-stories skill)

1. Pick the tool

The app isUse
A native Mac app, or ElectronComputer use (mcp__computer-use__*)
A web appA browser tool: the built-in browser, Claude in Chrome, or Playwright

Computer use needs a Pro or Max plan, and Accessibility and Screen Recording permissions. Claude desktop: Settings > This computer > Enable computer use. Claude Code CLI: /mcp > computer-use > Enable. Ask for access to the reference app only. Browsers are view-only and terminals are click-only for computer use.

2. Agree on privacy

Tell the user you will see everything in the app. Suggest a demo account or sample data. Look, do not touch: open screens and menus, press Escape to close dialogs. Type, create, change, or delete only when the user says so.

3. Save real files

Computer use screenshots come to you downscaled, not to disk. Save each screen at full resolution with the script in this skill:

"${CLAUDE_SKILL_DIR}/scripts/window-shot.sh" "<App Name>" docs/screens/01-inbox.png

It captures the app's largest window. For menus and popovers outside the window, use screencapture -x docs/screens/<name>.png and note it in the index. In a browser, use the tool's screenshot with a file path.

4. Walk the app in this order

Read the whole SKILL.md on GitHub

More in Design