Compare two screens
compare_screensCompare two captured screens side by side: layout structure, page sections, observed actions, dimensions, screen types, and design guide differences. Returns a structured comparison with similarities, differences, and factual observations.
Use this when the user wants to understand how two products approach the same problem differently—e.g. comparing Linear's pricing page with Stripe's pricing page, or Vercel's onboarding with Notion's onboarding.
You can also compare one screen against a target description to see how close a reference matches what the user is trying to build.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| focus | No | What aspects to emphasize in the comparison. | all |
| screenA | Yes | First screen id to compare, e.g. linear-marketing-pricing. | |
| screenB | No | Second screen id to compare. If omitted, provide targetDescription instead. | |
| targetDescription | No | Instead of screenB, describe what you're building to see how screenA matches, e.g. "Pricing page with 3 tiers and a feature comparison table". |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| report | No | Markdown summary of the comparison between the two screens. | |
| screenA | No | Details about the first screen. | |
| screenB | No | Details about the second screen (null if comparing against targetDescription). | |
| differences | No | How the two screens differ. | |
| observations | No | Design observations and takeaways from the comparison. | |
| similarities | No | What the two screens have in common. | |
| targetDescription | No | The target description if comparing against text instead of screenB. |