A synthetic English employee guide with three clear steps and a visible success condition

Visual communication skill for AI agents

Visual Brief

Show the important step. Do not make the reader hunt for it.

After an AI researches a question or walks a web flow, it captures the exact button, sentence, or success state and prepares a reader-ready draft.

See a concrete example Install the skill

The problem

A correct AI answer can still leave the next person asking, “Which button do I click?”

Visual Brief handles that last mile. It keeps only the useful part of a page, places it directly after the matching instruction, and ends a procedure on a visible success state.

One small, concrete use case

An employee needs to install a helper on a Mac.

Instead of sending a wall of text, the AI shows the download button, the permission to enable, and the green state that means the setup is actually finished.

Every screen in this case study is synthetic. No real company, account, employee, or device data is used.

Open the case study

A synthetic English three-step employee device check guide with adjacent visuals and a visible success condition — The output is a guide a first-time reader can follow, not a folder of screenshots.

A claim, visual evidence, and canonical source each play a distinct role — Different artifacts, different responsibilities.

A reviewable chain

A claim is not a screenshot. A screenshot is not a source.

Claim: The narrow statement the reader is being asked to accept.
Visual: The smallest readable region that makes the decisive state easy to inspect.
Source: The canonical record a reader can open, question, or use to challenge the claim.

Three modes

Start from the reader's next action.

Three Visual Brief modes for decisions, procedures, and public explainers — One source and claim contract, three reader experiences.

Evidence reply

Answer a stakeholder question with the conclusion first, then only the evidence that changes the decision.

Visual procedure

Put each image directly after the action it removes ambiguity from, then finish on a visible success state.

Public explainer

Teach an idea with source-backed screenshots and clearly labeled illustrative diagrams or generated art.

Draft first

Preparing a brief does not authorize sending it.

Visual Brief creates local deliverables, WebP assets, previews, Block Kit JSON, Notion-ready Markdown, and channel drafts. Uploading, sending, posting, form submission, or public repository creation remains an explicit approval step.

Install once

A small payload. A complete workflow.

The installable skill is separate from this showcase site, its images, synthetic examples, and public evaluation materials.

Open the repository

The skill payload is separate from public examples and visual showcase assets — The agent gets the workflow, not the marketing media.

npx skills add joeeeeey/visual-brief --skill visual-brief --agent '*' --yes