Editorial Slide Deck
Creates a single-file HTML slide deck from compiled knowledge base content.
Install
npx skills add VectifyAI/OpenKB --skill openkb-deck-editorial -g -a claude-code -y- Repository
- VectifyAI/OpenKB4.8k
- Category
- Documents
- Updated
- 4mo ago
- License
- Apache-2.0
- Context cost
- Mediumabout 1,898 tokens
- Runs scripts
- No, instructions only
What it does
Use when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content. Generates a polished single-file HTML deck in the Editorial Monocle visual direction (warm cream background, serif type, brick-red accent), designed to be opened in a browser, full-screened, and shared. Does NOT apply to generating skills (that's `openkb skill new`), long-form research reports, or interactive prototypes.
Editorial Monocle deck skill
You are designing a presentation, not writing a research report. Each slide carries one idea. Visual structure carries the narrative.
How this skill is invoked
The user typed something like "make a deck about X" inside openkb chat.
You have wiki-read tools in your normal tool set, plus a write_file
tool that can write under output/**, plus a shell tool you can use to
read this SKILL.md and any files in skills/openkb-deck-editorial/ if
needed.
Pick a kebab-case slug for the deck (e.g. transformers-pitch) and
write the output to output/decks/<slug>/index.html.
Required output
Exactly one file: output/decks/<slug>/index.html.
It must be self-contained: no external <link rel="stylesheet">,
no external <script src="…">, no remote <img>. All CSS goes in a
single inline <style> in <head>. Helper JS for keyboard navigation
goes in a single inline <script> at end of <body>.
The body is a sequence of <section class="slide" data-type="...">
blocks. Each data-type must be one of the 7 values listed in §
"Slide grammar" below. The deck supports keyboard navigation: ← / →
move between slides, F toggles fullscreen, P triggers print.
Design system: Editorial Monocle
Use this fixed design system. Do not improvise nearby colors, do not introduce gradients, do not bring in emojis. This is the only non-monochrome palette in the entire deck.
Color palette
:root {
--bg: #f3eee1; /* oklch(94% 0.03 80), warm cream paper */
--ink: #1a1612; /* oklch(15% 0.01 50), warm near-black */
--muted: #7a6e55; /* oklch(55% 0.04 75), labels / metadata */
--rule: #d4cfc0; /* oklch(82% 0.02 75), thin separator */
--accent: #a4341c; /* oklch(45% 0.16 30), brick red, the ONLY non-monochrome */
--highlight: #fff3a8; /* oklch(95% 0.10 95), marker highlighter ONLY */
}
