Docs
ENDE
Sign in

Screenshot your app

If you already have an app, your AI can put every screen of it on your board. It reads your code, clicks through the running app and takes a screenshot of each screen.

This uses the grafaris-discover skill. You need two things: the Grafaris skills (see "Connect your AI"), and an AI that can run programs on your computer, such as Claude Code.

The Claude app and ChatGPT cannot do this. If someone else wrote your app, ask them to run it.

  1. Start Claude Code in the folder that holds your app's code.
  2. Your app has to run on your computer or on a test server. Not sure how? Ask your AI: "Start my app on this computer." Never use the live app with real customer data.
  3. Send this prompt, with your project name:
Use the grafaris-discover skill on this code project and put every screen on my Grafaris project My Project.
  1. Your AI shows you the list of paths it found. It asks only once. Check the list, change it if you like, and say yes.
  2. Wait. Your AI walks each path at every screen size your project uses (set in Project settings › Screen sizes) and uploads full-page screenshots.

What lands on the board

  • One journey for each path a user can take, such as "Sign up" or "Change password".
  • One card for each screen, in the order the user sees them.
  • Dialogs, tabs and wizard steps get their own cards.
  • Your AI does not click buttons that delete, pay, send, publish, invite or sign out.

Changed your app? Send the same prompt again. It updates the same journeys instead of making new ones.

Only have a website address?

Without the code, your AI can read a live website instead:

Add this site to my Grafaris project My Project: https://example.com

This also needs an AI that runs programs on your computer, such as Claude Code. It reads up to 50 pages of that site and groups them into journeys.