codeck-export

Solid

Publisher role. Exports deck to PDF or PPTX with post-export QA. Use whenever the user says "export", "to PDF", "to PPTX", "PowerPoint", "print", "download", "save as PDF", "convert", or wants to convert a finished deck to PDF or PPTX.

Data & Documents 208 stars 18 forks Updated 2 weeks ago MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
77
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# codeck export Minimum conversation, maximum output. Export the deck to the user's format. ## Step 1: Status ```bash DECK_DIR="$HOME/.codeck/projects/$(basename "$(pwd)")" mkdir -p "$DECK_DIR" bash "$HOME/.claude/skills/codeck/scripts/status.sh" "$DECK_DIR" ``` Gate check: if no assembled HTML exists (`./*-r*.html`), suggest running `/codeck-design` first. ## Step 2: Format - A) HTML — open in browser, press F for fullscreen, arrow keys to navigate. Zero dependencies. (recommended) - B) PDF — email attachments, printing - C) PPTX — corporate requirements - D) All ## Step 3: Export Find the HTML file (`./*-r*.html` in the user's project directory), derive baseName. ### HTML Already exists. Open in browser, F for fullscreen, arrows to navigate. ### PDF — print from HTML Use Playwright for WYSIWYG PDF: ```bash npx playwright install chromium 2>/dev/null || true ``` ```javascript import { chromium } from 'playwright'; import { resolve } from 'path'; import { readdirSync } from 'fs'; import { pathToFileURL } from 'url'; const html = readdirSync('.').find(f => /-r\d+\.html$/.test(f)); const baseName = html.replace('.html', ''); const browser = await chromium.launch(); const page = await browser.newPage(); await page.goto(pathToFileURL(resolve(html)).toString(), { waitUntil: 'networkidle' }); await page.emulateMedia({ media: 'screen' }); await page.pdf({ path: `${baseName}.pdf`, printBackground: true, preferCSSPageSize: true, margin: { top: '12mm', right: '12...

Details

Author
hiyeshu
Repository
hiyeshu/codeck
Created
2 months ago
Last Updated
2 weeks ago
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

codeck-design

Designer role. Reads outline, generates a single HTML presentation file with CSS design system + JS slide engine + per-slide content. Accepts visual references (URLs, screenshots, design specs) and extracts design signals to inform the isomorphic mapping. Use whenever the user says "design slides", "generate deck", "generate the deck", "build slides", "visual style", "reference this style", "like this design", "design", "generate slides", "visual style", "reference this style", or wants to turn an outline into actual slides.

208 Updated 2 weeks ago
hiyeshu
Web & Frontend Solid

red-hat-quick-deck

Create beautiful, shareable HTML-based slide presentations styled to Red Hat brand standards. Generates single-file, self-contained HTML decks with click/keyboard navigation, story-arc-driven narrative structure, and cinematic dark-mode aesthetics. Supports embedded videos (YouTube, Vimeo, direct URLs) and linked media (memes, GIFs, images) with brand-consistent styling. Use this skill whenever the user wants to create a slide deck, presentation, quick deck, quick slides, pitch deck, talk, or briefing that should follow Red Hat branding. Also trigger when the user mentions "quick deck", "quick slides", "HTML slides", "shareable deck", "presentation for [audience]", "talk about [topic]", or asks to present technical content in Red Hat style. This skill is specifically for HTML output — if the user explicitly asks for .pptx, use the pptx skill instead, but suggest this skill as an alternative for easy sharing.

33 Updated 3 weeks ago
toddward
Code & Development Solid

create-slidedeck

Turn any reference material into a polished, visually cohesive slide deck.

40 Updated 3 days ago
zocomputer
Code & Development Solid

editorial-card-screenshot

Generate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. Use when the user provides text or core information and wants: (1) a complete responsive HTML info card, (2) the design to follow the stored editorial prompt, (3) output in fixed visual ratios such as 3:4, 4:3, 1:1, 16:9, 9:16, 2.35:1, 3:1, or 5:2, or (4) both HTML and a rendered PNG cover/card from the same content.

410 Updated 1 months ago
shaom
Web & Frontend Listed

excalidraw

Generate hand-drawn Excalidraw-style diagrams from text prompts. Triggers on requests for diagrams, flowcharts, architecture sketches, system designs, hand-drawn visuals, or when the user says /excalidraw.

22 Updated 3 months ago
aref-vc