Skip to content

Repository files navigation

Recreate. Capture the interface, keep the details.

CI release issues license

Recreate captures one rendered page and turns it into local assets, responsive evidence, animation data, and clean React components.

Install

npm

npm install --global recreate-cli
recreate install

The npm command installs a small launcher that downloads the validated native binary for the current platform. The native CLI then keeps itself updated from the recreate-main release.

Windows

$dir = "$HOME\.recreate\bin"
New-Item -ItemType Directory -Force $dir | Out-Null
curl.exe -L https://github.com/czearing/recreate/releases/download/recreate-main/recreate-windows-x86_64.exe -o "$dir\recreate.exe"
& "$dir\recreate.exe" install

macOS and Linux

mkdir -p "$HOME/.recreate/bin"
# Download the matching binary from the recreate-main release, then:
chmod +x "$HOME/.recreate/bin/recreate"
"$HOME/.recreate/bin/recreate" install

The installer adds a personal /recreate skill for GitHub Copilot CLI and Claude Code and installs the independent backtester beside the native CLI. Users access it only through recreate backtest; its companion process and installation path are internal details. The native binary checks GitHub Releases for validated updates on every invocation.

Capture

Open authenticated or access-controlled sources in Recreate's visible browser:

recreate open https://example.com

After access is complete, instrument and reload that same authenticated target to capture startup motion:

recreate capture --reuse --reload

Recreate remembers the tab opened by recreate open; target IDs and browser debugging addresses are internal details. Advanced overrides are documented in docs/reference.md.

Compare any source and recreation URLs, including localhost:

recreate backtest run --source https://example.com --recreation http://localhost:8080

Add --focus "toolbar" to isolate one semantic region while debugging.

Recreate writes:

  • spec.json
  • acceptance.json
  • source screenshots for each viewport
  • local assets and fonts
  • react/ with semantic component folders, JSX, and CSS

Verify

Start the generated React project, then compare it with the captured evidence:

recreate verify --spec recreate-output/spec.json --url http://127.0.0.1:5173

See the reference for the full command surface.

License

MIT

About

Capture any interface. Keep every detail.

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages