Item logo image for SnapPrompt

SnapPrompt

Item media 3 (screenshot) for SnapPrompt
Item media 1 (screenshot) for SnapPrompt
Item media 2 (screenshot) for SnapPrompt
Item media 3 (screenshot) for SnapPrompt
Item media 1 (screenshot) for SnapPrompt
Item media 1 (screenshot) for SnapPrompt
Item media 2 (screenshot) for SnapPrompt
Item media 3 (screenshot) for SnapPrompt

Overview

Turn any UI component into an AI-ready prompt for Cursor, Claude Code, and v0.

SnapPrompt turns any UI component on a webpage into a clean, AI-ready prompt you can paste straight into Cursor, Claude Code, or v0. Click any element on a page and SnapPrompt captures its structure, styling, layout, and a screenshot, then generates a well-structured recreation prompt optimized for AI coding assistants. No more manually describing components or fiddling with screenshots — get a precise, copy-ready prompt in one click. Features: • One-click capture of any UI component on any website • Generates recreation prompts optimized for Cursor, Claude Code, and v0 • Preserves component structure, styling, and layout context • Includes a screenshot of the captured element for visual reference • Detects custom web components • Convenient side panel workflow • Keyboard shortcut (Alt+Shift+S) to start picking instantly • Edit the generated prompt before copying • Copy to clipboard in one click Everything runs locally in your browser. SnapPrompt does not collect or transmit your data. Perfect for developers and designers who want to recreate or iterate on UI components with AI tools — without the tedious manual description.

Details

  • Version
    0.1.0
  • Updated
    June 18, 2026
  • Offered by
    zhouhao6396
  • Size
    73.38KiB
  • Languages
    English (United States)
  • Developer
    Email
    zhouhao6396@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

VisualDNA – Design System Extractor

5.0

Extract the complete visual design system of any site. Get colors, typography, components, and generate AI-ready prompts instantly.

DESIGN.md extractor by getdesignsystem.io

5.0

Extract design systems from any website. Get tokens for Claude, Cursor, and other AI coding agents.

Caliper — UI Annotation for AI Coding Agents

5.0

Mark up any web UI — click, strike, or lasso an element — and hand a precise defect to Claude Code, Cursor or any AI agent.

Prompt Picker - Pick element, annotate and get prompt

5.0

Pick and annotate elements on any web page, then copy as structured prompts for AI coding agents like Claude Code, Codex & Cursor.

Element Select - AI Agent Annotation Tool

5.0

Annotate web elements and generate structured feedback for AI coding agents

MarkIt — 圈选元素,自动生成 AI 修改指令

5.0

你一眼看出页面哪里不对,但跟 AI 说清楚得花十分钟。直接在页面上圈选并截图,MarkIt 自动补充元素定位、CSS 选择器和验收标准,输出 Cursor、Claude Code 能直接执行的结构化指令。

InspectMode Pro: AI Prompt, Inspect, Color, Fonts

5.0

Click any element to copy an AI prompt for Cursor, Claude & Codex. Inspect CSS, pick colors, find fonts & grab assets.

Shot2Prompt - Free Full Page Capture to AI Prompts

5.0

Capture full page screenshots and generate detailed UI descriptions with AI

SnapCode — Site to Prompt

5.0

Snap any website. Get a pixel-perfect replication prompt for Claude, Codex, or Cursor. One click. One prompt.

UIAnnotator — Annotate any website for AI agents

5.0

Annotate any webpage for AI agents. Capture CSS selectors, styles & screenshots. Paste into Claude or Cursor for instant fixes.

Clasp-it

5.0

Pick any webpage element and send its context to your AI editor via MCP

sourcerip: Full Page Screenshot, HTML Source & AI Export

5.0

Capture full-page screenshots and HTML source code instantly. Export directly to Google AI Studio for seamless site cloning.

VisualDNA – Design System Extractor

5.0

Extract the complete visual design system of any site. Get colors, typography, components, and generate AI-ready prompts instantly.

DESIGN.md extractor by getdesignsystem.io

5.0

Extract design systems from any website. Get tokens for Claude, Cursor, and other AI coding agents.

Caliper — UI Annotation for AI Coding Agents

5.0

Mark up any web UI — click, strike, or lasso an element — and hand a precise defect to Claude Code, Cursor or any AI agent.

Prompt Picker - Pick element, annotate and get prompt

5.0

Pick and annotate elements on any web page, then copy as structured prompts for AI coding agents like Claude Code, Codex & Cursor.

Element Select - AI Agent Annotation Tool

5.0

Annotate web elements and generate structured feedback for AI coding agents

MarkIt — 圈选元素,自动生成 AI 修改指令

5.0

你一眼看出页面哪里不对,但跟 AI 说清楚得花十分钟。直接在页面上圈选并截图,MarkIt 自动补充元素定位、CSS 选择器和验收标准,输出 Cursor、Claude Code 能直接执行的结构化指令。

InspectMode Pro: AI Prompt, Inspect, Color, Fonts

5.0

Click any element to copy an AI prompt for Cursor, Claude & Codex. Inspect CSS, pick colors, find fonts & grab assets.

Shot2Prompt - Free Full Page Capture to AI Prompts

5.0

Capture full page screenshots and generate detailed UI descriptions with AI

Google apps