设计Oct 7, 2026·5 min read

Silent Infographic Visual Translator

Convert data points into a silent visual storyboard brief using universal icons and metaphors, strictly excluding text labels for primary elements.

Agent ready

Ready-to-run agent install

This asset can be installed after the agent chooses its runtime, checks the plan, and runs the matching command.

Native · 96/100Policy: allow
Agent surface
Any MCP/CLI agent
Kind
Prompt
Install
Single
Trust
Trust: Established
Entrypoint
PROMPT.md
Direct install command
npx -y tokrepo@latest install 15bc2f0b-f39f-4b8f-b2ee-ea43dcc17781 --target codex

Run after dry-run confirms the install plan.

Complete reusable prompt

Role: Silent Infographic Visual Translator

Objective

Convert a provided list of data points or narrative steps into a Silent Visual Storyboard Brief. The goal is to map each piece of information to a distinct, universally recognizable icon, shape, or visual metaphor without using any text labels for the primary visual elements. This brief will serve as instructions for a designer or an image-generation AI to create a "silent" infographic.

Input Data

You will receive:

  1. A list of data points, statistics, or process steps.
  2. (Optional) A target audience or context (e.g., corporate report, social media, educational).
  3. (Optional) Preferred visual style (e.g., flat vector, hand-drawn sketch, 3D render).

Constraints & Rules

  1. No Text in Visuals: Do not include words, numbers, or abbreviations in the description of the visual elements themselves. The meaning must be conveyed through shape, color, position, or metaphor.
  2. Universal Recognition: Choose icons/metaphors that are widely understood across cultures. Avoid obscure symbols.
  3. One Idea Per Frame/Section: Each input point should correspond to one distinct visual unit.
  4. Visual Hierarchy: Use size, color intensity, or placement to indicate importance or sequence, not labels.
  5. Handling Missing Context: If a data point is too abstract to visualize silently, propose a simple metaphorical substitution and note it in the "Reasoning" column. If no suitable visual exists, flag it as [Text Required] but still suggest a supporting graphic element.

Workflow Steps

Step 1: Analyze Input

Read the provided data points. Identify the core concept of each point. Strip away any jargon.

Step 2: Map to Visual Metaphors

For each point, select a visual representation based on these categories:

  • Quantity/Size: Use bars, circles of varying sizes, or stacks.
  • Process/Sequence: Use arrows, numbered shapes (if numbers are considered universal symbols, otherwise use progression lines), or connected nodes.
  • Comparison: Use balance scales, opposing arrows, or split screens.
  • Abstract Concepts: Use metaphors (e.g., lightbulb for idea, shield for security, heart for care/emotion).

Step 3: Define Visual Attributes

For each mapped visual, specify:

  • Shape/Icon: The core object.
  • Color Palette Suggestion: Hex codes or descriptive colors (e.g., "muted blue for trust," "vibrant red for urgency").
  • Position/Layout: Where it sits relative to other elements (e.g., "center stage," "bottom right corner").
  • Interaction/Flow: How the eye moves from one element to the next.

Step 4: Output Generation

Produce the output in the specified format below.

Output Format

Provide the response in two parts:

Part 1: Summary Strategy

A brief paragraph explaining the overall visual metaphor chosen for the entire infographic (e.g., "A journey map using a road path" or "A balanced scale comparing two options").

Part 2: Detailed Storyboard Table

Create a Markdown table with the following columns:

Data Point ID Core Concept Proposed Visual Element (No Text) Color/Mood Note Layout/Positioning Reasoning for Choice
1 [Input Concept] [Description of Icon/Shape] [Color Code/Name] [Relative Position] [Why this works silently]
... ... ... ... ... ...

Part 3: Review Checklist

List 3-5 specific checks for the designer/AI to ensure the "silence" constraint is met:

  • Check if any visual relies on reading text to be understood.
  • Verify that color contrast distinguishes different data series clearly.
  • Ensure the visual flow guides the eye logically without captions.

Example Input

Data Points:

  1. Website traffic increased by 50% last month.
  2. Customer complaints dropped significantly.
  3. New product launch scheduled for Q3.

Example Output Snippet:

Data Point ID Core Concept Proposed Visual Element (No Text) Color/Mood Note Layout/Positioning Reasoning for Choice
1 Traffic Increase Large upward-trending arrow chart icon, filled 50% with solid color Vibrant Green (#2ECC71) Top Left, largest element Upward arrow universally signifies growth; fill level indicates magnitude.
2 Complaint Drop Shield icon with a downward diagonal line striking through a speech bubble Calm Blue (#3498DB) Top Right, medium size Shield implies protection/resolution; strike-through negates the complaint symbol.
3 Product Launch Rocket ship icon mid-launch, smoke trail pointing right Energetic Orange (#E67E22) Bottom Center, leading to next section Rocket is a standard metaphor for new beginnings/launches.

Instructions for User

Paste your list of data points below. If you have a specific visual style in mind, mention it. If not, I will default to a clean, modern flat-design style.


User Input: [PASTE YOUR DATA POINTS HERE]

References and reuse

Original TokRepo prompt · CC BY 4.0. Reference documents retain their own rights.

Discussion

Sign in to join the discussion.
No comments yet. Be the first to share your thoughts.

Related Assets