Agent skill · design visual · aradotso
posterskill-academic-posters
AI-assisted academic conference poster generation from Overleaf source using Claude Code
Why this skill is useful
Adds a programmatic API for layout automation and interactive features for poster generation that the AI wouldn't generate on its own.
What it needs
Requires git installed locally. About 5k tokens when loaded. Last updated 2026-07-09. 70 stars on the source repository.
What this skill does
posterskill — Academic Poster Generator Skill by 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 Start Claude Code and trigger the skill: Claude will ask for your project website URL and any formatting specs, then generate a poster/ directory with index.html. Directory Structure What Gets Generated The output poster/index.html is a React app (loaded via CDN) containing: CARDREGISTRY — each card's title, color, and JSX body content DEFAULTLAYOUT — column structure and card ordering DEFAULTLOGOS — 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: 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 DEFAULTLAYOUT 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 layout verification. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aradotso/posterskill-academic-posters