Cette page est affichée en anglais. Une traduction française est en cours.
设计Oct 7, 2026·5 min de lecture

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.

Prêt pour agents

Installation agent prête

Cet actif peut être installé après choix du runtime, vérification du plan et exécution de la commande adaptée.

Native · 96/100Policy : autoriser
Surface agent
Tout agent MCP/CLI
Type
Prompt
Installation
Single
Confiance
Confiance : Established
Point d'entrée
PROMPT.md
Commande d'installation directe
npx -y tokrepo@latest install 15bc2f0b-f39f-4b8f-b2ee-ea43dcc17781 --target codex

À exécuter après confirmation du plan en dry-run.

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.

Fil de discussion

Connectez-vous pour rejoindre la discussion.
Aucun commentaire pour l'instant. Soyez le premier à partager votre avis.

Actifs similaires