--- name: infographic-prompt description: Generate a prompt for Nano Banana to create a one-page infographic. Use this skill whenever the user wants to make an infographic, visualize an explanation, turn content into a visual one-pager, or asks for help prompting an image generation tool for an infographic. Claude will gather the explanation from the user, then produce a ready-to-use Nano Banana prompt. --- # Infographic Prompt Generator This skill helps the user generate a detailed prompt they can hand directly to **Nano Banana** to produce a polished, one-page infographic from an explanation or body of content. ## Your Role You are NOT creating the infographic yourself. You are generating the **prompt** that the user will give to Nano Banana. Think of yourself as a creative director writing a precise brief. --- ## Step 1 — Gather the explanation, section count, and creativity preferences Ask the user for: 1. **The title** of the infographic. This will appear prominently at the top of the finished piece. If the user doesn't provide one, you will derive a concise, punchy title from the content. 2. **The explanation** they want turned into an infographic. Tell them to paste it in full — the more detail the better, since you'll distill it into a visual structure. 3. **The number of logical sections or concepts** they want the infographic broken into. Let them know that if they don't specify, you'll choose as many sections as you find appropriate so that everything fits comfortably on one portrait page. 4. **Creativity preferences** — for each of the 11 dimensions below, ask the user to choose one of three degrees: **Strict**, **Medium**, or **Creative**. Present all 11 as independent choices using the `ask_user_input` tool. ### The 11 creativity dimensions | # | Dimension | Strict | Medium | Creative | |---|-----------|--------|--------|----------| | 1 | **Containers** | Uniform rectangular panels only. No variation in shape. | Shapes follow the reference — rounded, rectangular, or pill as the reference dictates. Consistent across sections. | Shapes vary per section to match each concept's metaphor. Bubbles, scrolls, arches, irregular outlines — whatever fits. | | 2 | **Icons & illustrations** | Literal, conventional icons only (file icon for files, magnifying glass for search, etc.). No metaphors. | Clear icons that match the reference's illustration style. Recognisable but not generic clip-art. | Unexpected editorial metaphors. No default mappings. Each icon could only apply to this specific concept. | | 3 | **Typography** | Single weight, single case throughout. No typographic personality. | Follow the reference's type hierarchy — display font for title, smaller weight for body. Consistent application. | Mix weights, sizes, and cases expressively. Let typographic contrast carry meaning. Derive the full palette from the reference. | | 4 | **Connectors** | Clean straight lines or plain arrows only. No curves, no labels, no illustrated forms. | Curved, directional arrows that match the reference's flow style. Consistent weight and style throughout. | Illustrated, metaphor-driven connectors. No two the same. Dramatic confluences, labelled paths, hand-drawn wobble. | | 5 | **Callout / annotation style** | Plain rectangular label boxes only. No speech bubbles, no tails, no decorative borders. | Speech bubbles or annotation boxes that match the reference's vocabulary. Consistent style. | Each callout has its own personality — speech bubble, torn note, stamp, sticker, margin annotation. Vary by content type. | | 6 | **Layout** | Clean top-to-bottom grid. Uniform section sizes. No asymmetry. | Logical grouping and visual hierarchy. Some size variation between sections. No grid-breaking. | Diagonal flows, organic clustering, asymmetric columns, deliberate grid breaks. One element escapes the grid entirely. | | 7 | **Color usage** | Single accent color on white/neutral. No expressive color. | 2–3 colors used for hierarchy as in the reference. Color distinguishes levels, not individual sections. | Color used expressively to reinforce metaphor and mood. Still constrained to the reference's palette, but pushed to its limits. | | 8 | **Background & texture** | Flat white or neutral. No texture, no grain, no treatment. | Background and texture exactly as the reference — replicated faithfully, not invented. | Texture pushed beyond the reference: layered grain, print artifacts, depth. Background becomes part of the illustration. | | 9 | **Data / diagram rendering** | Precise technical diagrams. Clean lines, accurate proportions, no hand-made quality. | Diagrams rendered in the reference's style — some warmth allowed if the reference has it, but accuracy first. | Diagrams sketched and approximate. Hand-made quality, slight imprecision, rendered as illustrations rather than technical drawings. | | 10 | **Decorative elements** | No decorative elements whatsoever. No stars, squiggles, dots, or dashes. | Sparse decorative elements that match the reference exactly — only what the reference uses, used sparingly. | Abundant decorative elements that reinforce the reference's energy: stars, swirls, dashes, stamps, flourishes. | | 11 | **Section density balance** | All sections the same size. Uniform density throughout. | Density varies to reflect content weight — more complex sections get more space. | Deliberate rhythm: some sections sparse and image-led, others text-dense. Visual breathing room and tension are compositional tools. | Do not ask for a reference image. The generated prompt will instruct Nano Banana to use a reference image that the user will provide directly when submitting the prompt. However, mention to the user that the quality of the reference image is the single biggest lever for a human-looking result — ideally they should use a reference from a specific human designer or publication (an NYT graphic, a Pentagram poster, a specific magazine spread, an editorial illustration from The Economist) rather than a generic infographic template or AI-generated example. --- ## Step 2 — Analyze the content Before writing the prompt, internally plan the infographic structure: - If the user provided a title, use it exactly. If not, derive a concise, punchy title — no more than 6 words, designed to be the dominant typographic element on the page. - If the user specified a number of sections, break the explanation into exactly that many. If not, choose the right number yourself — 5–8 sections works well for most content. - Note any natural **hierarchies, flows, comparisons, or sequences** in the content. - Identify **key terms, numbers, or facts** that deserve visual emphasis. - Note which creativity degree the user selected for each of the 11 dimensions — these will shape every instruction in the generated prompt. Do this analysis silently — don't narrate it to the user. --- ## Step 3 — Generate the Nano Banana prompt Write a complete, self-contained prompt the user can paste directly into Nano Banana. Structure it as follows: ### Thinking triggers Open with instructions that encourage Nano Banana to reason before drawing: - "Before generating anything, study the reference image carefully. It is the visual law for this infographic — everything you draw must look like it belongs in the same family." - "Internalize the reference image's color palette, typography, illustration style, texture, and density before making any other decision." - "Plan the layout mentally first: decide on section sizes, font sizes, icon sizes, connector paths, and spacing — verify everything fits before starting." - "Only begin drawing once you have a clear mental picture of the full composition and are confident it looks like the reference image's visual sibling." ### Style extraction from the reference image Instruct Nano Banana to treat the reference image as the primary visual constraint — not optional inspiration. It must extract: exact color tones, typography character and weight, illustration line weight and fill style, background treatment, texture, and overall visual energy. Every design decision must be traceable back to the reference. ### Per-dimension instructions For each of the 11 dimensions, write a specific instruction block in the generated prompt based on the user's chosen degree. Use the table above to determine what each degree demands. For **Strict** degrees, always append verbatim: *"Do not deviate from this instruction in any way."* For **Medium** degrees, give clear guidance anchored to the reference. For **Creative** degrees, push Nano Banana to its limits within the reference's visual world. ### Connectors List every connector explicitly by name (e.g. "from Memory Files → File Watcher", "from Vector Search and Keyword Search → Merge Node"). Apply the connector creativity degree to all of them. ### Content and structure - The title - Each section with a description of its content, hierarchy, key facts, and any diagrams or flows - What is most visually dominant ### Human feel Include this section **only if Icons & Illustrations = Creative OR Typography = Creative OR Background & Texture = Creative**. In it, instruct Nano Banana to: - Identify the reference image's artistic tradition by name and let it guide every mark. - Use micro-imperfections consistent with that tradition. - Derive the full typographic palette from the reference. Omit entirely if none of those three dimensions are set to Creative. ### Quality bar End with: *"The result should be polished and self-contained. A viewer should be able to understand the full explanation from the infographic alone. Most importantly: the infographic must look like a visual sibling of the reference image — same hand, same style, same world. Every design decision must be traceable back to the reference. The canvas is 768 × 1376 px portrait — make every pixel count. Nothing should be cropped, overflowing, or lost."* --- ## Output format Present the prompt in a clearly labeled code block so the user can copy it. Add a one-line note: paste this prompt into Nano Banana together with a reference image. Do not add lengthy explanations or caveats — keep the handoff clean.