Visual - Annotated Screenshot.

Product walkthrough pattern overlaying 4 numbered pin markers on a right-side UI mockup screenshot, with a numbered description legend on the left. Common in demo/UX explainer slides.

🔗 Markdown URL

https://getdeck.dodraft.studio/api/md/visual-annotated-screenshot--slate-pro.md?lang=en&key=YOUR_KEY

⚡ MCP install command

claude mcp add --transport http getdeck https://getdeck.dodraft.studio/api/mcp --header "Authorization: Bearer gd_..."

Paste this into your terminal to connect your local AI agent to getdeck.

Upgrade to Pro for more powerful MCP access →

Preview

Overview

Use: When pointing out 3-4 specific elements on a single UI screenshot with numbers. Product demo/onboarding/usage guide.

Avoid: For comparing multiple screenshots side by side use dual-screenshot; for showing UI without annotation use visual-mockup-showcase.

CategoryVisual Emphasis

DensityMedium

Text Budget200 chars

EmphasisVisual

PositionMiddle

Theme

Based on the currently selected theme Slate Pro. Switching the theme in the sidebar updates this section too.

SchemeLight

Best forGeneral business presentations, SaaS product introductions, corporate proposals, B2B pitch decks

Avoid forCreative/art presentations, when a dark mood is needed

Slots (9)

label

Label

Top label (e.g., PRODUCT WALKTHROUGH)24 chars

titleRequired

Main title24 chars

subtitle

Title supporting description50 chars

mark1_descRequired

Label

Pin 1 description (one line)40 chars

mark2_descRequired

Label

Pin 2 description (one line)40 chars

mark3_descRequired

Label

Pin 3 description (one line)40 chars

mark4_descRequired

Label

Pin 4 description (one line)40 chars

companyRequired

Label

Company name20 chars

page

Label

Page number5 chars

Style Knobs (0)

This layout has no style-editing points declared (structure and colors are fixed).

Used in these deck templates

Not used in any deck template yet.