1. Desktop Light Mode Style Package
Frontend EngineerBackground
A developer needs to bootstrap CSS custom properties and baseline typography tokens from a reference landing page.
Problem
Manually inspecting element styles across dev tools to gather colors, margins, and typography is slow and error-prone.
How to use
Enter the public URL, select Desktop viewport, choose Light color scheme, pick ZIP design package as the format, and set waitMs to 500.
{
"source": "url",
"url": "https://example.com",
"viewport": "desktop",
"colorScheme": "light",
"format": "zip",
"waitMs": 500
}Outcome
Receives a ZIP package containing tokens.json, tokens.css, design.md, and screenshot.png documenting observed desktop styles.