Posterskill Academic Posters
Turn an Overleaf/LaTeX paper into a print-ready academic conference poster as a single HTML file with an in-browser editor.
Overview
posterskill-academic-posters is an agent skill for the Build phase that generates print-ready academic conference posters from Overleaf or LaTeX source into a single editable HTML file.
Install
npx skills add https://github.com/aradotso/trending-skills --skill posterskill-academic-postersWhat is this skill?
- Claude Code skill triggered with /make-poster after cloning poster repo and Overleaf project via git
- Produces a self-contained poster/index.html with no build step or server required
- Built-in drag-and-drop visual editor inside the generated HTML
- Optional reference poster PDFs for style matching
- Collects project website URL and formatting specs before generation
- single self-contained HTML file
Adoption & trust: 1.2k installs on skills.sh; 31 GitHub stars; 1/3 security scanners passed (skills.sh audits).
What problem does it solve?
You have a paper in Overleaf but no fast path to a print-ready conference poster with a layout you can tweak without a full design stack.
Who is it for?
Grad students, indie researchers, or builders shipping paper-backed demos who already use Overleaf and Claude Code and want one-command poster generation.
Skip if: Teams that need strict university template enforcement in pure LaTeX beamer only, or workflows with no git access to Overleaf and no willingness to clone repos locally.
When should I use this skill?
User asks to make a conference poster from a paper, generate an academic poster, create a poster from an Overleaf project, or run /make-poster.
What do I get? / Deliverables
You get a poster folder with self-contained index.html and a drag-and-drop editor so you can refine layout and export for print without a separate build pipeline.
- poster/index.html self-contained poster
- poster/ directory from generation run
Recommended Skills
Journey fit
Poster output is a documentation and presentation artifact produced while building or polishing research deliverables, not distribution or validation. Canonical shelf is docs because the skill’s deliverable is a structured poster document derived from paper source, aligned with research write-ups and conference materials.
How it compares
Use instead of manual poster layout in slides or generic HTML templates that do not ingest Overleaf paper structure.
Common Questions / FAQ
Who is posterskill-academic-posters for?
Researchers and solo builders using Claude Code who maintain papers on Overleaf and need a conference poster without dedicated design software.
When should I use posterskill-academic-posters?
During Build docs work when your LaTeX source is ready—after cloning the skill repo and your Overleaf project—and you want /make-poster to emit print-ready HTML you can edit in the browser.
Is posterskill-academic-posters safe to install?
Review the Security Audits panel on this Prism page before cloning; the workflow uses git remotes for Overleaf and GitHub and writes files under a local poster directory.
SKILL.md
READMESKILL.md - Posterskill Academic Posters
# posterskill — Academic Poster Generator > Skill by [ara.so](https://ara.so) — Daily 2026 Skills collection. posterskill is a Claude Code skill that generates print-ready, interactive conference posters from your Overleaf paper source. It produces a single self-contained HTML file with a built-in drag-and-drop visual editor — no build step, no server required. ## Installation & Setup ```bash git clone git@github.com:ethanweber/posterskill.git poster cd poster # Clone your Overleaf paper source git clone https://git.overleaf.com/YOUR_PROJECT_ID overleaf # Optional: add reference posters for style matching cp ~/Downloads/some_reference_poster.pdf references/ ``` Start Claude Code and trigger the skill: ```bash claude ``` ``` /make-poster ``` Claude will ask for your project website URL and any formatting specs, then generate a `poster/` directory with `index.html`. ## Directory Structure ``` poster/ # this repo ├── .claude/ │ └── commands/ │ └── make-poster.md # the skill command ├── overleaf/ # your cloned Overleaf project ├── references/ # optional reference PDFs for style matching └── poster/ # generated output ├── index.html # the poster (self-contained) └── logos/ # downloaded institutional logos ``` ## What Gets Generated The output `poster/index.html` is a React app (loaded via CDN) containing: - **`CARD_REGISTRY`** — each card's title, color, and JSX body content - **`DEFAULT_LAYOUT`** — column structure and card ordering - **`DEFAULT_LOGOS`** — institutional logos for the header - **`window.posterAPI`** — programmatic API for layout automation ## Visual Editor Features Open `poster/index.html` in Chrome to access the built-in editor: | Feature | How to Use | |---------|-----------| | Resize columns | Drag column dividers left/right | | Resize cards | Drag row dividers up/down within a column | | Swap cards | Click one diamond handle, then another | | Move/insert cards | Click a handle, then click a drop zone | | Adjust font size | Click **A-** / **A+** buttons in toolbar | | Preview print layout | Click **Preview** button | | Export layout | Click **Copy Config** to get JSON | ## Programmatic API (`window.posterAPI`) Available in the browser console or via Playwright automation: ```js // Swap two cards by ID posterAPI.swapCards('method', 'results') // Move a card to a specific column and position posterAPI.moveCard('quant', 'col1', 2) // Resize a column (in mm) posterAPI.setColumnWidth('col1', 280) // Set a specific card's height (in mm) posterAPI.setCardHeight('method', 150) // Scale all text globally posterAPI.setFontScale(1.5) // Measure whitespace waste (lower = better layout) posterAPI.getWaste() // Get the current layout as an object posterAPI.getLayout() // Get the full config as JSON (paste back to Claude) posterAPI.getConfig() // Reset to default layout posterAPI.resetLayout() ``` ## Iteration Workflow The core loop for refining your poster: 1. **Claude generates** first draft, opens `poster/index.html` in your browser 2. **You edit** in the browser — drag dividers, swap cards, resize columns 3. **Click "Copy Config"** in the toolbar to export your layout as JSON 4. **Paste the JSON back to Claude** — it updates `DEFAULT_LAYOUT` in the HTML 5. **Repeat** until the layout is perfect 6. **Print to PDF**: File → Print → Margins: None, Background Graphics: On ## Playwright Automation (used internally by Claude) Claude uses Playwright to automate la