Image to Story lets you upload a UI screenshot, wireframe, architecture diagram, or whiteboard photo. Monty analyses the visual content and generates user stories, acceptance criteria, and test cases from what it sees.
Accepted formats: PNG, JPG, JPEG, GIF — up to 20 MB.
After uploading you have two ways to analyse the image:
After analysis, the 🔍 Detected Components {count} panel lists every UI component Monty identified — panels, charts, buttons, tabs, inputs, tables — each with a type icon and confidence score.
Below the image panel, the AI Configuration panel lets you shape what Monty generates:
| Setting | Options |
|---|---|
| Focus Area | User Stories, Acceptance Criteria, Test Cases, Technical Tasks |
| Framework | React, Angular, Backend API, Mobile |
| Test Framework | Playwright, Cypress, Selenium, JUnit |
| Complexity | Basic, Standard, Detailed |
Use Guide Monty (optional) to add extra direction — e.g. "Focus on the login flow shown in the top-left panel".
Each generated story appears as a card:
| Element | Description |
|---|---|
| Confidence badge | Percentage score — how confident Monty is about this story |
| Source mode badge | 🖼 image icon showing the input mode used |
| Points | "📊 {points} pts" — estimated story points |
| Priority selector | Editable dropdown to change the story priority |
| Acceptance Criteria | "✅ Acceptance Criteria" — generated AC items, each editable |
| Tasks | "📋 Tasks" — generated implementation tasks |
| Test Cases | "🧪 Test Cases" — generated test cases |
| Tags | Displayed as chips below the story body |
Click ✏️ to edit title or description inline. Use + Add, + Add Task, + Add Test Case to append items, and × to remove them. Click 🔍 Details to open the Artifact Details drawer with metadata, backlog linkage, and generation history.
After every generation the Review & Export panel shows a Token Usagesection with Prompt, Completion, and Totaltokens consumed. Selecting more components increases the prompt token count. See the AI Usage & Tokens guide to monitor your organisation's balance.
StoryCraft AI saves your configuration and last generated output automatically. If you leave and return, a banner reads: "↻ Previous session restored · saved {time ago}". Uploaded images cannot be saved — the banner will add: "Your screenshot could not be restored — please re-upload it." Re-upload and click Generate again. Dismiss the banner with ×, or click ↻ Start Fresh to clear everything.
Generate button shows "Upload an image to analyse"
No image has been uploaded. Drag and drop a supported image file or use the browse button.
Detected components are wrong or incomplete
Manually deselect incorrect items in the Detected Components panel. Try Crop & Analyze to focus on a smaller, relevant area. Use Guide Monty to give Monty more context about what to focus on.
The image upload fails
Check the file is PNG, JPG, JPEG, or GIF and is under 20 MB. Compress or convert the image and re-upload.
Session restored but image is missing
Images cannot be stored locally. Re-upload the image after the session is restored and click Generate.