presentation-design

presentation-design is a skill for Claude Code, Codex from jxoesneon/Ciel. It costs 21 tokens per session (504 once invoked), scanned A, original, Apache-2.0.

A workflow for creating single-file HTML presentations and pitch decks with built-in styling, animations, and navigation. It can also adapt content and assets from PowerPoint files.

In plain words
What is it for?
Use it to build animated presentations, pitch decks, and browser-ready slide previews, or restyle a PPTX deck as HTML.
Why use it?
It provides a repeatable way to turn a specification or existing deck into a browser-based presentation without external libraries. It also sets limits that help keep slides readable and prevent unwanted scrolling.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to build animated presentations, pitch decks, and browser-ready slide previews, or restyle a PPTX deck as HTML.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/jxoesneon/ciel/presentation-design
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add jxoesneon/Ciel --skill presentation-design
Clone the repo
git clone --depth 1 https://github.com/jxoesneon/Ciel

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for presentation-design

README.md
[![agentmods](https://agentmods.dev/badge/skills/jxoesneon/ciel/presentation-design/github.svg)](https://agentmods.dev/skills/jxoesneon/ciel/presentation-design)
Your own site
<a href="https://agentmods.dev/skills/jxoesneon/ciel/presentation-design"><img src="https://agentmods.dev/badge/skills/jxoesneon/ciel/presentation-design/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for presentation-design

Your own site · 80×15
<a href="https://agentmods.dev/skills/jxoesneon/ciel/presentation-design"><img src="https://agentmods.dev/badge/skills/jxoesneon/ciel/presentation-design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 21 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 504 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00021 $0.00504
Opus 5 $0.00010 $0.00252
Sonnet 5 $0.00004 $0.00101
Haiku 4.5 $0.00002 $0.00050

Measured 9d ago against content hash 46c130077527, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

presentation-design scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 9d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/presentation-design/SKILL.md · 63 lines

What it actually says

CIEL ADAPTATION: Presentation Design (The Deck Layer)

This skill formalizes the creation of "Frontend Slides"—strategic, zero-dependency HTML presentations that run in any browser.

The Presentation Core

  • Zero Dependencies: Single HTML file with inline CSS/JS.
  • Viewport Fit: Hard gate—no scrolling inside slides. Use 100dvh and clamp().
  • Storytelling: Use copywriting formulas (e.g., Problem/Solution) to structure content.

Workflow

1. Visual Exploration (Show, Don't Tell)

The Orchestrator MUST generate 3 single-slide "Previews" in .ciel/design/previews/ representing different moods (Focused, Inspired, Energized).

2. PPTX Conversion

  • Tool: Use python-pptx to extract raw text and assets.
  • Rule: Preserve speaker notes and slide order, then apply the "Frontend Slides" styling.

3. Navigation Controller

Every deck MUST include a JS class handling:

  • Arrow keys / Spacebar.
  • Mouse wheel / Touch swipe.
  • Intersection Observer reveal animations.

Content Density Limits

  • Title: 1 Heading + Subtitle.
  • Content: Max 6 bullets.
  • Code: Max 10 lines (use multiple slides for long snippets).

Anti-Patterns

  • Scroll-Hell: Creating slides that overflow the viewport.
  • Bullet-Walls: Putting 20 bullet points on a single slide.
  • Template-Vibes: Using generic gradients with no project-specific visual identity.
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 9d ago First seen · 63 lines · 21 tokens per session scan A 46c130077527

Subscribe to this mod's changes

presentation-design is a skill published in the GitHub repository jxoesneon/Ciel (1 stars, last pushed 5d ago), licensed Apache-2.0. It adds 21 tokens to every session and 504 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Related

Other skills, from other repositories

surge

Use when a user provides a PRD, spec, or detailed requirements document and needs a full project delivered through iterative expert orchestration — multi-round analyze/research/design/implement/QA cycles with convergence detection. NOT for: single-file edits, quick prototypes, simple Q&A, or tasks without a written…

carbonshow/intent-fluid · 66 tokens

ai-native-software-dev

Use when the user asks to build, change, modernize, or reconstruct non-trivial software with an AI-native workflow, including greenfield development, work in an existing codebase, or authorized reference-based product reconstruction; also use when lifecycle planning, architecture, implementation, testing, review…

carbonshow/intent-fluid · 101 tokens

ticket-spec

Turn a raw Linear Triage ticket into a fully specified ai:agent-ready one by exploring the codebase. Use when specifying, refining, or promoting tickets, or when asked why a ticket isn't dispatchable.

watt-mind/factory · 45 tokens

Code Quality Review

Conduct a comprehensive code quality review focused on clean code, architecture, and project standards.

asap-protocol/asap-protocol · 21 tokens

redpolicy-guide

An editorial policy for turning webinar transcripts into self-contained guides. A transcript is a written record of spoken material, while a self-contained guide can be understood without watching the webinar.

mikeshu2001/content-factory · 49 tokens

write-overview

A workflow for researching and writing a review essay about a project topic when no finished source text exists. It gathers the facts, studies example essays when available and produces the article in a project output folder.

mikeshu2001/content-factory · 17 tokens