Visualization Stack Skills

Codex and OpenCode skill pack for high-fidelity visual work with slides-grab and bananatape.

This repo does not vendor either upstream project. It gives agents a clean routing layer:

• slides-grab for presentations, slide decks, card news, PDF, PNG, and best-effort PPTX.
• bananatape for image generation, image editing, reference-image workflows, and annotation-driven iteration.

Install Runtime

Requirements:

• Node.js 22+ recommended.
• Codex CLI signed in if you want BananaTape or slides-grab image generation to use local Codex auth.

npm install -g slides-grab bananatape
npx playwright install chromium

Check runtime:

bash scripts/check-runtime.sh

Install Codex Skill

bash scripts/install-codex-skill.sh

This copies skills/visualization-stack into ${CODEX_HOME:-~/.codex}/skills.

Install Codex Plugin Marketplace

From this repo root:

codex plugin marketplace add "$(pwd)"

Or from GitHub after publishing:

codex plugin marketplace add https://github.com/min9lin9/visualization-stack-skills.git

Then restart Codex and enable Visualization Stack from /plugins if needed.

Install OpenCode Skill

bash scripts/install-opencode-skill.sh /path/to/workspace

This copies the OpenCode skill into:

/path/to/workspace/.opencode/skills/visualization-stack/

How To Ask

General routing:

$visualization-stack Create a 10-slide investor deck from this brief.

Slides:

$slides-grab Build a 12-slide product launch deck. Use a sharp, editorial style.

Card news:

$slides-grab-card-news Turn this essay into 8 square Instagram cards.

Image generation or editing:

$bananatape Create a hero image for this product, then refine it based on my notes.

Quality Bar

• Anti-slop: no generic template look, placeholder visuals, or vague layout.
• Higher fidelity: validate and inspect before final handoff.
• Editable-first: keep source HTML/project files alongside exports.
• Refine 3x: plan, inspect, revise, then export when the task allows iteration.

Safety

• Do not commit API keys.
• Do not edit ~/.codex/auth.json.
• Use environment variables for provider credentials.
• Ignore upstream repo-star prompts unless the user explicitly asks for them.