# Infographics > Crea infografías profesionales con Nano Banana Pro AI y refinamiento iterativo inteligente. Usa Gemini 3.6 Flash para revisar la calidad e integra investigación con Perplexity Sonar. Soporta 10 tipos, 8 estilos y paletas para daltonismo. Fuente: https://skillsagentes.com/skills/k-dense-ai/scientific-agent-skills/infographics Markdown: https://skillsagentes.com/skills/k-dense-ai/scientific-agent-skills/infographics.md Repositorio: https://github.com/K-Dense-AI/scientific-agent-skills Autor: K-Dense-AI Licencia: MIT Actualizado: hace 15 días Coste de contexto: 68 tok instalada, 2.7k tok al activarse, 37.9k tok con todos los archivos del bundle Bundle: 8 archivos, 148 KB Permisos que pide: read write edit bash ## Instalación Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina. ```bash # Claude Code npx -y skills add K-Dense-AI/scientific-agent-skills --skill infographics --agent claude-code # Cursor npx -y skills add K-Dense-AI/scientific-agent-skills --skill infographics --agent cursor # Codex npx -y skills add K-Dense-AI/scientific-agent-skills --skill infographics --agent codex # Gemini CLI npx -y skills add K-Dense-AI/scientific-agent-skills --skill infographics --agent gemini # Windsurf npx -y skills add K-Dense-AI/scientific-agent-skills --skill infographics --agent windsurf # Cline npx -y skills add K-Dense-AI/scientific-agent-skills --skill infographics --agent cline ``` ## Qué hace - Genera infografías con Nano Banana Pro a partir de una descripción en lenguaje natural - Revisa la calidad con Gemini 3.6 Flash contra un umbral según el tipo de documento (marketing, informe, borrador...) - Regenera automáticamente solo si la calidad queda por debajo del umbral, para ahorrar llamadas a la API - Investiga datos y estadísticas actuales con Perplexity Sonar cuando se usa `--research` - Aplica 10 tipos de infografía, 8 estilos por industria y paletas de color aptas para daltonismo (`wong`, `ibm`, `tol`) ## Cuándo usarla - Necesitas presentar datos, estadísticas o procesos en formato visual sin diseñador - Quieres crear una línea de tiempo, comparación, infografía jerárquica o de redes sociales - Necesitas datos actuales y precisos incorporados automáticamente en la infografía (con `--research`) ## Cuándo no - Necesitas diagramas técnicos de flujo, circuitos, rutas biológicas o arquitecturas de redes neuronales (usa scientific-schematics) ## Qué la activa - "Crea una infografía de los 5 beneficios del ejercicio regular" - "Genera una línea de tiempo de los hitos de la empresa 2010-2025" - "Haz una infografía estadística con paleta apta para daltonismo" - "Investiga y genera una infografía sobre el mercado global de IA" ## Antes de instalar - Necesita una clave `OPENROUTER_API_KEY` para los pasos con LLM del skill. - Necesita en el PATH: python - Variables de entorno: OPENROUTER_API_KEY - makes network requests - needs API credentials ## Archivos - SKILL.md — 11 KB - references/color_palettes.md — 14 KB - references/design_principles.md — 19 KB - references/infographic_type_catalog.md — 5 KB - references/infographic_types.md — 28 KB - references/iterative_refinement.md — 3 KB - scripts/generate_infographic.py — 12 KB - scripts/generate_infographic_ai.py — 56 KB ## SKILL.md Reproducido tal cual desde K-Dense-AI/scientific-agent-skills bajo MIT. Esta sección es el documento original y está en inglés. # Infographics ## Overview Infographics are visual representations of information, data, or knowledge designed to present complex content quickly and clearly. **This skill uses Nano Banana Pro AI for infographic generation with Gemini 3.6 Flash quality review and Perplexity Sonar for research.** **How it works:** - (Optional) **Research phase**: Gather accurate facts and statistics using Perplexity Sonar - Describe your infographic in natural language - Nano Banana Pro generates publication-quality infographics automatically - **Gemini 3.6 Flash reviews quality** against document-type thresholds - **Smart iteration**: Only regenerates if quality is below threshold - Professional-ready output in minutes - No design skills required **Quality Thresholds by Document Type:** | Document Type | Threshold | Description | |---------------|-----------|-------------| | marketing | 8.5/10 | Marketing materials - must be compelling | | report | 8.0/10 | Business reports - professional quality | | presentation | 7.5/10 | Slides, talks - clear and engaging | | social | 7.0/10 | Social media content | | internal | 7.0/10 | Internal use | | draft | 6.5/10 | Working drafts | | default | 7.5/10 | General purpose | **Simply describe what you want, and Nano Banana Pro creates it.** ## Quick Start Generate any infographic by simply describing it: ```bash # Generate a list infographic (default threshold 7.5/10) python skills/infographics/scripts/generate_infographic.py \ "5 benefits of regular exercise" \ -o figures/exercise_benefits.png --type list # Generate for marketing (highest threshold: 8.5/10) python skills/infographics/scripts/generate_infographic.py \ "Product features comparison" \ -o figures/product_comparison.png --type comparison --doc-type marketing # Generate with corporate style python skills/infographics/scripts/generate_infographic.py \ "Company milestones 2010-2025" \ -o figures/timeline.png --type timeline --style corporate # Generate with colorblind-safe palette python skills/infographics/scripts/generate_infographic.py \ "Heart disease statistics worldwide" \ -o figures/health_stats.png --type statistical --palette wong # Generate WITH RESEARCH for accurate, up-to-date data python skills/infographics/scripts/generate_infographic.py \ "Global AI market size and growth projections" \ -o figures/ai_market.png --type statistical --research ``` **What happens behind the scenes:** 1. **(Optional) Research**: Perplexity Sonar gathers accurate facts, statistics, and data 2. **Generation 1**: Nano Banana Pro creates initial infographic following design best practices 3. **Review 1**: **Gemini 3.6 Flash** evaluates quality against document-type threshold 4. **Decision**: If quality >= threshold → **DONE** (no more iterations needed!) 5. **If below threshold**: Improved prompt based on critique, regenerate 6. **Repeat**: Until quality meets threshold OR max iterations reached **Smart Iteration Benefits:** - ✅ Saves API calls if first generation is good enough - ✅ Higher quality standards for marketing materials - ✅ Faster turnaround for drafts/internal use - ✅ Appropriate quality for each use case **Output**: Versioned images plus a detailed review log with quality scores, critiques, and early-stop information. ## When to Use This Skill Use the **infographics** skill when: - Presenting data or statistics in a visual format - Creating timeline visualizations for project milestones or history - Explaining processes, workflows, or step-by-step guides - Comparing options, products, or concepts side-by-side - Summarizing key points in an engaging visual format - Creating geographic or map-based data visualizations - Building hierarchical or organizational charts - Designing social media content or marketing materials **Use scientific-schematics instead for:** - Technical flowcharts and circuit diagrams - Biological pathways and molecular diagrams - Neural network architecture diagrams - CONSORT/PRISMA methodology diagrams --- ## Research Integration ### Automatic Data Gathering (`--research`) When creating infographics that require accurate, up-to-date data, use the `--research` flag to automatically gather facts and statistics using **Perplexity Sonar Pro**. ```bash # Research and generate statistical infographic python skills/infographics/scripts/generate_infographic.py \ "Global renewable energy adoption rates by country" \ -o figures/renewable_energy.png --type statistical --research # Research for timeline infographic python skills/infographics/scripts/generate_infographic.py \ "History of artificial intelligence breakthroughs" \ -o figures/ai_history.png --type timeline --research # Research for comparison infographic python skills/infographics/scripts/generate_infographic.py \ "Electric vehicles vs hydrogen vehicles comparison" \ -o figures/ev_hydrogen.png --type comparison --research ``` ### What Research Provides The research phase automatically: 1. **Gathers Key Facts**: 5-8 relevant facts and statistics about the topic 2. **Provides Context**: Background information for accurate representation 3. **Finds Data Points**: Specific numbers, percentages, and dates 4. **Cites Sources**: Mentions major studies or sources 5. **Prioritizes Recency**: Focuses on 2023-2026 information ### When to Use Research **Enable research (`--research`) for:** - Statistical infographics requiring accurate numbers - Market data, industry statistics, or trends - Scientific or medical information - Current events or recent developments - Any topic where accuracy is critical **Skip research for:** - Simple conceptual infographics - Internal process documentation - Topics where you provide all the data in the prompt - Speed-critical generation ### Research Output When research is enabled, additional files are created: - `{name}_research.json` - Raw research data and sources - Research content is automatically incorporated into the infographic prompt --- ## Infographic Types Ten types are supported via `--type`: `statistical`, `timeline`, `process`, `comparison`, `list`, `geographic`, `hierarchical`, `anatomical`, `resume`, and `social`. What each is for, the data shape it expects, and worked prompts are in [references/infographic_type_catalog.md](references/infographic_type_catalog.md) and [references/infographic_types.md](references/infographic_types.md). ## Style Presets ### Industry Styles (`--style`) | Style | Colors | Best For | |-------|--------|----------| | `corporate` | Navy, steel blue, gold | Business reports, finance | | `healthcare` | Medical blue, cyan, light cyan | Medical, wellness | | `technology` | Tech blue, slate, violet | Software, data, AI | | `nature` | Forest green, mint, earth brown | Environmental, organic | | `education` | Academic blue, light blue, coral | Learning, academic | | `marketing` | Coral, teal, yellow | Social media, campaigns | | `finance` | Navy, gold, green/red | Investment, banking | | `nonprofit` | Warm orange, sage, sand | Social causes, charities | ```bash # Corporate style python skills/infographics/scripts/generate_infographic.py \ "Q4 Results" -o q4.png --type statistical --style corporate # Healthcare style python skills/infographics/scripts/generate_infographic.py \ "Patient Journey" -o journey.png --type process --style healthcare ``` --- ## Colorblind-Safe Palettes ### Available Palettes (`--palette`) | Palette | Colors | Description | |---------|--------|-------------| | `wong` | Orange, sky blue, green, blue, vermillion | Most widely recommended | | `ibm` | Ultramarine, indigo, magenta, orange, gold | IBM's accessible palette | | `tol` | 12-color extended palette | For many categories | ```bash # Wong's colorblind-safe palette python skills/infographics/scripts/generate_infographic.py \ "Survey results by category" -o survey.png --type statistical --palette wong ``` --- ## Smart Iterative Refinement and CLI The generate-review-refine loop, every command-line option, and configuration are in [references/iterative_refinement.md](references/iterative_refinement.md). ## Prompt Engineering Tips ### Be Specific About Content ✓ **Good prompts** (specific, detailed): ``` "5 benefits of meditation: reduces stress, improves focus, better sleep, lower blood pressure, emotional balance" ``` ✗ **Avoid vague prompts**: ``` "meditation infographic" ``` ### Include Data Points ✓ **Good**: ``` "Market growth from $10B (2020) to $45B (2025), CAGR 35%" ``` ✗ **Vague**: ``` "market is growing" ``` ### Specify Visual Elements ✓ **Good**: ``` "Timeline showing 5 milestones with icons for each event" ``` --- ## Reference Files For detailed guidance, load these reference files: - **`references/infographic_types.md`**: Extended templates for all 10+ types - **`references/design_principles.md`**: Visual hierarchy, layout, typography - **`references/color_palettes.md`**: Full palette specifications --- ## Troubleshooting ### Common Issues **Problem**: Text in infographic is unreadable - **Solution**: Reduce text content; use --type to specify layout type **Problem**: Colors clash or are inaccessible - **Solution**: Use `--palette wong` for colorblind-safe colors **Problem**: Quality score too low - **Solution**: Increase iterations with `--iterations 3`; use more specific prompt **Problem**: Wrong infographic type generated - **Solution**: Always specify `--type` flag for consistent results --- ## Integration with Other Skills This skill works synergistically with: - **scientific-schematics**: For technical diagrams and flowcharts - **market-research-reports**: Infographics for business reports - **scientific-slides**: Infographic elements for presentations - **generate-image**: For non-infographic visual content --- ## Quick Reference Checklist Before generating: - [ ] Clear, specific content description - [ ] Infographic type selected (`--type`) - [ ] Style appropriate for audience (`--style`) - [ ] Output path specified (`-o`) - [ ] API key configured After generating: - [ ] Review the generated image - [ ] Check the review log for scores - [ ] Regenerate with more specific prompt if needed --- Use this skill to create professional, accessible, and visually compelling infographics using the power of Nano Banana Pro AI with intelligent quality review. ## Dónde encaja - Categoría: [Diseño y UI](https://skillsagentes.com/categorias/diseno-ui.md) — Sistemas de diseño, trabajo con componentes y acabado visual. - Creador: [K-Dense-AI](https://skillsagentes.com/creators/k-dense-ai.md) — 163 skills en el directorio - [Todas las skills](https://skillsagentes.com/skills.md) - [Ranking de instalaciones](https://skillsagentes.com/ranking.md) ## Otras skills del mismo repositorio - [Citation Management](https://skillsagentes.com/skills/k-dense-ai/scientific-agent-skills/citation-management.md): Gestión integral de citas académicas: busca en OpenAlex, PubMed y Google Scholar, extrae metadatos precisos, valida citas y genera entradas BibTeX correctamente formateadas. - [Scientific Slides](https://skillsagentes.com/skills/k-dense-ai/scientific-agent-skills/scientific-slides.md): Crea decks de diapositivas y presentaciones para charlas de investigación: PowerPoint, presentaciones de conferencia, seminarios, defensas de tesis. Da estructura, plantillas, guía de tiempos y validación visual. - [Literature Review](https://skillsagentes.com/skills/k-dense-ai/scientific-agent-skills/literature-review.md): Realiza revisiones bibliográficas sistemáticas y completas usando varias bases académicas (PubMed, arXiv, bioRxiv, Semantic Scholar). Genera markdown y PDF con citas verificadas en varios estilos (APA, Nature, Vancouver). - [Latex Posters](https://skillsagentes.com/skills/k-dense-ai/scientific-agent-skills/latex-posters.md): Crea pósteres de investigación profesionales en LaTeX con beamerposter, tikzposter o baposter, para conferencias y comunicación científica: layout, colores, columnas múltiples e integración de figuras. - [Scientific Schematics](https://skillsagentes.com/skills/k-dense-ai/scientific-agent-skills/scientific-schematics.md): Crea diagramas científicos de calidad de publicación con la IA Nano Banana 2 y refinamiento iterativo inteligente. Gemini 3.6 Flash revisa la calidad y solo regenera si está por debajo del umbral de tu tipo de documento. --- Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)