StylePrompt

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