Give your agent visual direction.

visualize is a free Agent Skill for turning your agent’s context into reports, presentations, diagrams, and other visual HTML, using your project’s style.

Paste it into your agent.Fetch https://usevisualize.ai/agent-setup.md and follow the instructions.

Set up visualize See how it works

It checks your setup and asks before making changes.

Works with Cursor, Codex, Claude Code, OpenCode, Hermes, and Pi.

Installation details

The same request and facts, with and without visualize.

Move the boundary. The facts stay fixed while hierarchy, typography, color, and composition resolve around the visual direction.

Wayline retention investigation
Week-three customer drop-off
Fictional example using sample data

Without visualizeGeneric AI output

With visualizeOutput designed for your brand

Without visualizeGeneric AI output

Analytics overview

Customer retention insights

Your retention data shows an opportunity to improve onboarding and engagement.

Week-three change−28%

Recommended actionReview

With visualizeOutput designed for your brand

Wayline

Retention breaks after week three.

Activation is healthy. Habit formation is not. Product leadership should review the handoff after the third weekly session.

Week-three change

−28%

Can you take a look at last quarter’s retention data? I’m trying to understand where people fall off.

Read retention-q3.csv

Compared return rates by weekly session

The largest break is between the third and fourth weekly sessions: 28% fewer users return.

Return rates are relatively steady before that, so the issue seems concentrated in the handoff from onboarding to an ongoing habit.

This is going into product review next week. Where would you focus?

I’d start with what changes after session three.

Look at what users have completed by then, whether they have a clear reason to return for a fourth session, and which prompt or workflow is supposed to pull them forward.

Can you turn this into a visual doc I can use in the product review?

Without visualizeMakes a generic doc

Same conversation, but nothing tells it to follow your style or test the finished doc.

With visualizePlans, designs, and checks the doc

Before designing

Choose the key finding · Identify the reader · Decide what they should do next

While designing

Lead with the answer · Use Wayline’s fonts and orange · Keep the doc simple

Before finishing

Facts are correct · Looks right on phones and computers · Text is readable · Nothing is cut off

Reports, decks, diagrams. Made for the job.

Reports, architecture, decks, reviews, and plans – each directed for its audience and job. These are real HTML files, not product mockups.

See all ten examples →

Data report

The week-three break

Show product leadership where trial collaboration breaks.

Open example

Teach visualize

Teach it your brand once.

Choose what it can inspect. Review what it learns. Nothing is saved until you approve it.

Choose what it can inspect

You decide where visualize may look.

Your websiteColors, fonts, voice

Your codebaseTokens, components, layout

Existing workReports, slides, diagrams

It learns, then asks

It finds the obvious choices and asks about anything unclear.

ColorsTypographyLayoutVoice

One thing it cannot tellShould future documents feel restrained or expressive?

Review the full guide

visualize shows you every proposed file before it writes anything.

Three files ready to reviewNot saved

DESIGN.md · PRODUCT.md · tokens.css

Review all three

Approve and save

Only after you approve it does visualize save the guide in your project.

DESIGN.mdHow it should look

PRODUCT.mdWho it is for

tokens.cssColors and type

Approved and saved

Future visual docs use the same approved guide.Report · presentation · diagram

How teach works →

Refine / 03

Keep directing the same doc.

Ask for the change you want. visualize revises the hierarchy, evidence, or level of finish without making you edit the HTML.

Fictional example using sample data

Northline · pricing researchWorking document

Pricing research.

Teams want predictable annual spend, but the strongest signal is concentrated among larger customers.

How the document changes

Finished documentPricing research
The finished document before follow-up direction.
Request 01“Lead with the recommendation.”
The recommendation now leads the document.
Request 02“Show me the evidence behind it.”
The supporting evidence is now visible beside the recommendation.
Request 03 · polish“Polish this for the final review.”
The document has completed its final quality pass.

Recommendation: Pilot annual plans with growth-stage teams before changing the default offer.

Evidence by company stage: Growth 82 · Early 38 · Enterprise 61. Source: 14 customer interviews · April 2026

The finished document before follow-up direction.0 of 3 requests applied

Install / 04

Your agent handles the setup.

It checks your setup, tells you exactly what it plans to change, and waits for your approval.

Fetch https://usevisualize.ai/agent-setup.md and follow the instructions.Paste it into your agent.

Works with Cursor, Codex, Claude Code, OpenCode, Hermes, and Pi. View installation details

Example agent response

Codexvisualize setup

You

Fetch https://usevisualize.ai/agent-setup.md and follow the instructions.

Agent

I’ll check which agent is running and whether visualize is already installed before I change anything.

Read agent-setup.md

Detected Codex

Checked project and user skill folders

Agent

I found no existing copy. I can add the reviewed visualize release to this project at .agents/skills/visualize.

Waiting for your approvalNo files have changed.

Approval required

Compare / 05

Choose for the job you have.

visualize is an open-source Agent Skill that writes self-contained visual HTML from project and conversation context. Choose by where you want to work and what you need to make.

visualizeA visual document from your agent’s context

Writes self-contained HTML in your project and can reuse reviewable visual direction.

Google SlidesA presentation your team edits together

Create and format slides, then share them with view, comment, or edit access.

CanvaAn AI draft you refine on a canvas

Generate draft slides, then edit with templates, media, branding, and team collaboration.

Claude DesignVisual work you refine with Claude

Create and collaborate on designs, prototypes, slides, and one-pagers, with several export formats.

Visual ExplainerTechnical work turned into visual HTML

Diagrams, diff reviews, plan audits, data tables, and project recaps.

ImpeccableA website or app interface

Commands for shaping, critiquing, adapting, animating, and polishing frontend work.

All comparisons →