Marketing

Code Slides

marketing/skills/code-slides

Create and evolve slide decks implemented in code, especially HTML/CSS/JS or React/TypeScript presentations.

Create and evolve code-based slide decks and presentations (pitch decks, demos, product walkthroughs, technical talks) with HTML/CSS/JS or React/TypeScript. Use when a user asks for slides implemented in code, a single-file HTML presentation, responsive behavior across mobile/tablet/desktop, PowerPoint/PPTX-to-web conversion, remote-control navigation, configurable right-side or bottom navigation, iframe-based deck rendering, visual style exploration, or image workflows that combine AI-generated assets, external URLs, local repo images, and code-as-image product mockups. Trigger this skill for new deck creation, redesigns, refactors, framework migrations, PPT conversions, and slide-quality QA.

Install This Skill

This skill now lives in the marketing department plugin, so every command targets the department-scoped path instead of the old flat skills/ layout.

Vercel `npx skills`

npx -y skills add ./marketing/skills/code-slides

Portable single-skill install. Use the department root to install the full plugin as skills.

Codex manual install

mkdir -p ~/.codex/skills
cp -R marketing/skills/code-slides ~/.codex/skills/

Copies only this skill into Codex from the new department-scoped repo layout.

Codex `$skill-installer`

https://github.com/alvarovillalbaa/plugins/tree/main/marketing/skills/code-slides

Direct GitHub path for Codex skill-installer or any runtime that installs from a skill folder URL.

OpenClaw manual install

mkdir -p ~/.openclaw/skills
cp -R marketing/skills/code-slides ~/.openclaw/skills/

Useful when OpenClaw should load one skill without importing the whole department.

Repo source

https://github.com/alvarovillalbaa/plugins/tree/main/marketing/skills/code-slides

Browse the live source, references, examples, templates, and scripts directly.

Department plugin

marketing

What it does

Create and evolve slide decks implemented in code, especially HTML/CSS/JS or React/TypeScript presentations.

How it works

Create and evolve slide decks implemented in code, especially HTML/CSS/JS or React/TypeScript presentations.