StylePrompt — CSS to AI Prompt

Inspect any CSS on the web and instantly generate ready-to-paste prompts for Claude, Cursor, and GitHub Copilot.

StylePrompt lets you inspect any element on any website and instantly generate stack-aware AI prompts for Claude, Cursor, GitHub Copilot, and v0. HOW IT WORKS: 1. Click Inspect Element → hover over any element on any page 2. Click to capture its complete CSS styles 3. Choose a prompt mode (Replicate, Apply, Improve, or Explain) 4. Copy the prompt or open it directly in your AI tool FEATURES: • CSS Inspector — hover to see computed styles, click to capture • 4 Prompt Modes — Replicate, Apply to mine, Improve, Explain • 4 AI Targets — Claude, Cursor, Copilot, v0 • Full Page Scanner — extract the complete design system (colors, fonts, spacing, borders) • Multi-Select — capture multiple elements at once (Pro) • Token Export — export as CSS Variables, Tailwind Config, or JSON Tokens • Project Settings — set your framework and stack for smarter prompts • Prompt History — save and revisit past captures FREE TIER: • 3 prompts per day • 1 page scan per day • All 4 prompt modes and AI targets PRO ($12 one-time): • Unlimited prompts and scans • Multi-select mode • Clean exports (no watermark) • Full history