diff --git a/scientific-skills/pptx-posters/SKILL.md b/scientific-skills/pptx-posters/SKILL.md
index 130299e..4df7ca2 100644
--- a/scientific-skills/pptx-posters/SKILL.md
+++ b/scientific-skills/pptx-posters/SKILL.md
@@ -1,964 +1,416 @@
---
-name: latex-posters
-description: Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
+name: pptx-posters
+description: Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests PowerPoint/PPTX poster format. For standard research posters, use latex-posters instead. This skill provides modern web-based poster design with responsive layouts and easy visual integration.
allowed-tools: [Read, Write, Edit, Bash]
license: MIT license
metadata:
skill-author: K-Dense Inc.
---
-# LaTeX Research Posters
+# PPTX Research Posters (HTML-Based)
## Overview
-Research posters are a critical medium for scientific communication at conferences, symposia, and academic events. This skill provides comprehensive guidance for creating professional, visually appealing research posters using LaTeX packages. Generate publication-quality posters with proper layout, typography, color schemes, and visual hierarchy.
+**⚠️ USE THIS SKILL ONLY WHEN USER EXPLICITLY REQUESTS PPTX/POWERPOINT POSTER FORMAT.**
+
+For standard research posters, use the **latex-posters** skill instead, which provides better typographic control and is the default for academic conferences.
+
+This skill creates research posters using HTML/CSS, which can then be exported to PDF or converted to PowerPoint format. The web-based approach offers:
+- Modern, responsive layouts
+- Easy integration of AI-generated visuals
+- Quick iteration and preview in browser
+- Export to PDF via browser print function
+- Conversion to PPTX if specifically needed
## When to Use This Skill
-This skill should be used when:
-- Creating research posters for conferences, symposia, or poster sessions
-- Designing academic posters for university events or thesis defenses
-- Preparing visual summaries of research for public engagement
-- Converting scientific papers into poster format
-- Creating template posters for research groups or departments
-- Designing posters that comply with specific conference size requirements (A0, A1, 36×48", etc.)
-- Building posters with complex multi-column layouts
-- Integrating figures, tables, equations, and citations in poster format
+**ONLY use this skill when:**
+- User explicitly requests "PPTX poster", "PowerPoint poster", or "PPT poster"
+- User specifically asks for HTML-based poster
+- User needs to edit poster in PowerPoint after creation
+- LaTeX is not available or user requests non-LaTeX solution
-## Visual Enhancement with Scientific Schematics
+**DO NOT use this skill when:**
+- User asks for a "poster" without specifying format → Use latex-posters
+- User asks for "research poster" or "conference poster" → Use latex-posters
+- User mentions LaTeX, tikzposter, beamerposter, or baposter → Use latex-posters
-**⚠️ MANDATORY: Every research poster MUST include at least 2-3 AI-generated figures using the scientific-schematics skill.**
+## AI-Powered Visual Element Generation
-This is not optional. Posters are primarily visual media - text-heavy posters fail to communicate effectively. Before finalizing any poster:
-1. Generate at minimum TWO schematics or diagrams
-2. Target 3-4 figures for comprehensive posters (methodology flowchart, key results visualization, conceptual framework)
-3. Figures should occupy 40-50% of poster area
+**STANDARD WORKFLOW: Generate ALL major visual elements using AI before creating the HTML poster.**
-**How to generate figures:**
-- Use the **scientific-schematics** skill to generate AI-powered publication-quality diagrams
-- Simply describe your desired diagram in natural language
-- Nano Banana Pro will automatically generate, review, and refine the schematic
+This is the recommended approach for creating visually compelling posters:
+1. Plan all visual elements needed (hero image, intro, methods, results, conclusions)
+2. Generate each element using scientific-schematics or Nano Banana Pro
+3. Assemble generated images in the HTML template
+4. Add text content around the visuals
-**How to generate schematics:**
-```bash
-python scripts/generate_schematic.py "your diagram description" -o figures/output.png
+**Target: 60-70% of poster area should be AI-generated visuals, 30-40% text.**
+
+---
+
+### CRITICAL: Poster-Size Font Requirements
+
+**⚠️ ALL text within AI-generated visualizations MUST be poster-readable.**
+
+When generating graphics for posters, you MUST include font size specifications in EVERY prompt. Poster graphics are viewed from 4-6 feet away, so text must be LARGE.
+
+**MANDATORY prompt requirements for EVERY poster graphic:**
+
+```
+POSTER FORMAT REQUIREMENTS (STRICTLY ENFORCE):
+- ABSOLUTE MAXIMUM 3-4 elements per graphic (3 is ideal)
+- ABSOLUTE MAXIMUM 10 words total in the entire graphic
+- NO complex workflows with 5+ steps (split into 2-3 simple graphics instead)
+- NO multi-level nested diagrams (flatten to single level)
+- NO case studies with multiple sub-sections (one key point per case)
+- ALL text GIANT BOLD (80pt+ for labels, 120pt+ for key numbers)
+- High contrast ONLY (dark on white OR white on dark, NO gradients with text)
+- MANDATORY 50% white space minimum (half the graphic should be empty)
+- Thick lines only (5px+ minimum), large icons (200px+ minimum)
+- ONE SINGLE MESSAGE per graphic (not 3 related messages)
```
-The AI will automatically:
-- Create publication-quality images with proper formatting
-- Review and refine through multiple iterations
-- Ensure accessibility (colorblind-friendly, high contrast)
-- Save outputs in the figures/ directory
+**⚠️ BEFORE GENERATING: Review your prompt and count elements**
+- If your description has 5+ items → STOP. Split into multiple graphics
+- If your workflow has 5+ stages → STOP. Show only 3-4 high-level steps
+- If your comparison has 4+ methods → STOP. Show only top 3 or Our vs Best Baseline
-**When to add schematics:**
-- Research methodology flowcharts for poster content
-- Conceptual framework diagrams
-- Experimental design visualizations
-- Data analysis pipeline diagrams
-- System architecture diagrams
-- Biological pathway illustrations
-- Any complex concept that benefits from visualization
+**Example - WRONG (7-stage workflow):**
+```bash
+# ❌ Creates tiny unreadable text
+python scripts/generate_schematic.py "Drug discovery workflow: Stage 1 Target ID, Stage 2 Synthesis, Stage 3 Screening, Stage 4 Lead Opt, Stage 5 Validation, Stage 6 Clinical Trial, Stage 7 FDA Approval with metrics." -o figures/workflow.png
+```
-For detailed guidance on creating schematics, refer to the scientific-schematics skill documentation.
+**Example - CORRECT (3 mega-stages):**
+```bash
+# ✅ Same content, simplified to readable poster format
+python scripts/generate_schematic.py "POSTER FORMAT for A0. ULTRA-SIMPLE 3-box workflow: 'DISCOVER' → 'VALIDATE' → 'APPROVE'. Each word in GIANT bold (120pt+). Thick arrows (10px). 60% white space. ONLY these 3 words. NO substeps. Readable from 12 feet." -o figures/workflow_simple.png
+```
+
+---
+
+### CRITICAL: Preventing Content Overflow
+
+**⚠️ POSTERS MUST NOT HAVE TEXT OR CONTENT CUT OFF AT EDGES.**
+
+**Prevention Rules:**
+
+**1. Limit Content Sections (MAXIMUM 5-6 sections):**
+```
+✅ GOOD - 5 sections with room to breathe:
+ - Title/Header
+ - Introduction/Problem
+ - Methods
+ - Results (1-2 key findings)
+ - Conclusions
+
+❌ BAD - 8+ sections crammed together
+```
+
+**2. Word Count Limits:**
+- **Per section**: 50-100 words maximum
+- **Total poster**: 300-800 words MAXIMUM
+- **If you have more content**: Cut it or make a handout
---
## Core Capabilities
-### 1. LaTeX Poster Packages
+### 1. HTML/CSS Poster Design
-Support for three major LaTeX poster packages, each with distinct advantages. For detailed comparison and package-specific guidance, refer to `references/latex_poster_packages.md`.
+The HTML template (`assets/poster_html_template.html`) provides:
+- Fixed poster dimensions (36×48 inches = 2592×3456 pt)
+- Professional header with gradient styling
+- Three-column content layout
+- Block-based sections with modern styling
+- Footer with references and contact info
-**beamerposter**:
-- Extension of the Beamer presentation class
-- Familiar syntax for Beamer users
-- Excellent theme support and customization
-- Best for: Traditional academic posters, institutional branding
+### 2. Poster Structure
-**tikzposter**:
-- Modern, flexible design with TikZ integration
-- Built-in color themes and layout templates
-- Extensive customization through TikZ commands
-- Best for: Colorful, modern designs, custom graphics
-
-**baposter**:
-- Box-based layout system
-- Automatic spacing and positioning
-- Professional-looking default styles
-- Best for: Multi-column layouts, consistent spacing
-
-### 2. Poster Layout and Structure
-
-Create effective poster layouts following visual communication principles. For comprehensive layout guidance, refer to `references/poster_layout_design.md`.
-
-**Common Poster Sections**:
-- **Header/Title**: Title, authors, affiliations, logos
-- **Introduction/Background**: Research context and motivation
-- **Methods/Approach**: Methodology and experimental design
-- **Results**: Key findings with figures and data visualizations
-- **Conclusions**: Main takeaways and implications
-- **References**: Key citations (typically abbreviated)
-- **Acknowledgments**: Funding, collaborators, institutions
-
-**Layout Strategies**:
-- **Column-based layouts**: 2-column, 3-column, or 4-column grids
-- **Block-based layouts**: Flexible arrangement of content blocks
-- **Z-pattern flow**: Guide readers through content logically
-- **Visual hierarchy**: Use size, color, and spacing to emphasize key points
-
-### 3. Design Principles for Research Posters
-
-Apply evidence-based design principles for maximum impact. For detailed design guidance, refer to `references/poster_design_principles.md`.
-
-**Typography**:
-- Title: 72-120pt for visibility from distance
-- Section headers: 48-72pt
-- Body text: 24-36pt minimum for readability from 4-6 feet
-- Use sans-serif fonts (Arial, Helvetica, Calibri) for clarity
-- Limit to 2-3 font families maximum
-
-**Color and Contrast**:
-- Use high-contrast color schemes for readability
-- Institutional color palettes for branding
-- Color-blind friendly palettes (avoid red-green combinations)
-- White space is active space—don't overcrowd
-
-**Visual Elements**:
-- High-resolution figures (300 DPI minimum for print)
-- Large, clear labels on all figures
-- Consistent figure styling throughout
-- Strategic use of icons and graphics
-- Balance text with visual content (40-50% visual recommended)
-
-**Content Guidelines**:
-- **Less is more**: 300-800 words total recommended
-- Bullet points over paragraphs for scannability
-- Clear, concise messaging
-- Self-explanatory figures with minimal text explanation
-- QR codes for supplementary materials or online resources
-
-### 4. Standard Poster Sizes
-
-Support for international and conference-specific poster dimensions:
-
-**International Standards**:
-- A0 (841 × 1189 mm / 33.1 × 46.8 inches) - Most common European standard
-- A1 (594 × 841 mm / 23.4 × 33.1 inches) - Smaller format
-- A2 (420 × 594 mm / 16.5 × 23.4 inches) - Compact posters
-
-**North American Standards**:
-- 36 × 48 inches (914 × 1219 mm) - Common US conference size
-- 42 × 56 inches (1067 × 1422 mm) - Large format
-- 48 × 72 inches (1219 × 1829 mm) - Extra large
-
-**Orientation**:
-- Portrait (vertical) - Most common, traditional
-- Landscape (horizontal) - Better for wide content, timelines
-
-### 5. Package-Specific Templates
-
-Provide ready-to-use templates for each major package. Templates available in `assets/` directory.
-
-**beamerposter Templates**:
-- `beamerposter_classic.tex` - Traditional academic style
-- `beamerposter_modern.tex` - Clean, minimal design
-- `beamerposter_colorful.tex` - Vibrant theme with blocks
-
-**tikzposter Templates**:
-- `tikzposter_default.tex` - Standard tikzposter layout
-- `tikzposter_rays.tex` - Modern design with ray theme
-- `tikzposter_wave.tex` - Professional wave-style theme
-
-**baposter Templates**:
-- `baposter_portrait.tex` - Classic portrait layout
-- `baposter_landscape.tex` - Landscape multi-column
-- `baposter_minimal.tex` - Minimalist design
-
-### 6. Figure and Image Integration
-
-Optimize visual content for poster presentations:
-
-**Best Practices**:
-- Use vector graphics (PDF, SVG) when possible for scalability
-- Raster images: minimum 300 DPI at final print size
-- Consistent image styling (borders, captions, sizes)
-- Group related figures together
-- Use subfigures for comparisons
-
-**LaTeX Figure Commands**:
-```latex
-% Include graphics package
-\usepackage{graphicx}
-
-% Simple figure
-\includegraphics[width=0.8\linewidth]{figure.pdf}
-
-% Figure with caption in tikzposter
-\block{Results}{
- \begin{tikzfigure}
- \includegraphics[width=0.9\linewidth]{results.png}
- \end{tikzfigure}
-}
-
-% Multiple subfigures
-\usepackage{subcaption}
-\begin{figure}
- \begin{subfigure}{0.48\linewidth}
- \includegraphics[width=\linewidth]{fig1.pdf}
- \caption{Condition A}
- \end{subfigure}
- \begin{subfigure}{0.48\linewidth}
- \includegraphics[width=\linewidth]{fig2.pdf}
- \caption{Condition B}
- \end{subfigure}
-\end{figure}
+**Standard Layout:**
+```
+┌─────────────────────────────────────────┐
+│ HEADER: Title, Authors, Hero Image │
+├─────────────┬─────────────┬─────────────┤
+│ Introduction│ Results │ Discussion │
+│ │ │ │
+│ Methods │ (charts) │ Conclusions │
+│ │ │ │
+│ (diagram) │ (data) │ (summary) │
+├─────────────┴─────────────┴─────────────┤
+│ FOOTER: References & Contact Info │
+└─────────────────────────────────────────┘
```
-### 7. Color Schemes and Themes
+### 3. Visual Integration
-Provide professional color palettes for various contexts:
+Each section should prominently feature AI-generated visuals:
-**Academic Institution Colors**:
-- Match university or department branding
-- Use official color codes (RGB, CMYK, or LaTeX color definitions)
-
-**Scientific Color Palettes** (color-blind friendly):
-- Viridis: Professional gradient from purple to yellow
-- ColorBrewer: Research-tested palettes for data visualization
-- IBM Color Blind Safe: Accessible corporate palette
-
-**Package-Specific Theme Selection**:
-
-**beamerposter**:
-```latex
-\usetheme{Berlin}
-\usecolortheme{beaver}
+**Hero Image (Header):**
+```html
+
```
-**tikzposter**:
-```latex
-\usetheme{Rays}
-\usecolorstyle{Denmark}
+**Section Graphics:**
+```html
+
+
Methods
+
+
+
+ - Brief methodology point
+
+
+