Results for “positioning-canvas”

Present HTML on connected MarketingClaw node canvases, navigate/eval/snapshot, and debug canvas host URLs.

A Cursor Canvas is a live React app that the user can open beside the chat. You MUST use a canvas when the agent produces a standalone analytical artifact — quantitative analyses, billing investigations, security audits, architecture reviews, data-heavy content, timelines, charts, tables, interactive explorations, repeatable tools, or any response that benefits from visual layout. Especially prefer a canvas when presenting results from MCP tools (Datadog, Databricks, Linear, Sentry, Slack, etc.) where the data is the deliverable — render it in a rich canvas rather than dumping it into a markdown table or code block. If you catch yourself about to write a markdown table, stop and use a canvas instead. You MUST also read this skill whenever you create, edit, or debug any .canvas.tsx file.

Produces a one-page lean canvas across nine interlocking blocks (problem, customer, UVP, solution, channels, revenue, cost, metrics, unfair advantage) with optional inline HTML and SVG visual rendering. Use when framing a new product thesis, stress-testing an existing strategy, comparing strategic options side-by-side, or aligning a team on business-model assumptions. Works as a strategic hub that cross-links to deeper PM skills without duplicating them.

Carousel component for displaying rotating content like images, banners, or cards. Invoke when user needs to implement image sliders, content carousels, or card-based navigation in Naive UI.

A Cursor Canvas is a live React app the user opens beside the chat. MUST use a canvas for standalone analytical artifacts — quantitative analyses, billing investigations, security audits, architecture reviews, data-heavy content, timelines, charts, tables, interactive explorations, repeatable tools, or any response.

Present HTML on connected OpenClaw node canvases, navigate/eval/snapshot, and debug canvas host URLs.

Displays HTML content on connected OpenClaw nodes (Mac, iOS, Android) via a local HTTP server and node bridge, with actions for presenting, navigating, evaluating, and capturing snapshots.

Displays HTML content on connected OpenClaw nodes (Mac, iOS, Android) via a local HTTP server and node bridge, with actions for presenting, navigating, evaluating, and capturing snapshots.

Write modern CSS with proper stacking contexts, layout patterns, responsive techniques, and performance optimization.

Creates a 1920×1080 presentation deck with React-like component layout, strict typography and color constraints, and no template restrictions.