Compatibility: The context: fork frontmatter field is Claude Code-specific — on OpenCode and VS Code Copilot it is ignored and the skill runs inline using the current model. Core functionality is preserved on all platforms.

ux:style-synthesize

Visit a live URL, screenshot across breakpoints via browser automation, and synthesize the visual style into a Markdown report and CSS custom-property theme file.

Step 0: Parse Args

Extract from arguments:

• SOURCE_URL = first non-flag argument that starts with http. If absent, ask: "What URL should we analyze?"
• NAME = value after --name flag. If absent, derive from URL domain (e.g. linear.app -> linear, www.stripe.com -> stripe)
• SOURCE_SLUG = slugified NAME (see references/utils.md for slug derivation)
• OUTPUT_DIR = docs/ux/style-research/{SOURCE_SLUG}/
• BG_MODE = true if --bg is present
• SILENT = true if --silent is present

Create the output directory: