create-slidedeck

Solid

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

Code & Development 40 stars 40 forks Updated 3 days ago MIT

Install

View on GitHub

Quality Score: 77/100

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

Skill Content

# Slide Deck Production Recipe This recipe runs the full pipeline for creating a short slide deck with a consistent visual language. Follow the numbered steps every time, and do not stop until all slides have been generated, exported, and organized. ## Steps 0. **Understand the source material and plan the narrative.** - Read the source document (article, blog post, PDF, etc.) or any other content the user explicitly references. - Clarify what the user wants to communicate—what angle, insight, or storyline should the deck highlight. - Outline the full sequence of slides before generating visuals, noting the key message for each slide (including a cover/intro slide plus the content slides) so you can describe the plan in later edit_image prompts. 1. **Define the visual language with Generate Image.** - Use `generate_image` to produce a single “style prototype” slide. The image should look like a slide and explicitly showcase the complete design system: color palette swatches, representative graphical motifs (diagrams, textures, or shapes), and typographic treatments for titles and body copy. Treat this image as the canonical reference for all future slides. - Save the generated style prototype somewhere convenient (e.g., `Images/<deck-name>-style-template.png`). Once you have this style image, all subsequent slide rendering steps must refer to it explicitly (e.g., “use the visual style of `<attached template>`”). 2. **Establish the workspace structure.** ...

Details

Author
zocomputer
Repository
zocomputer/skills
Created
4 months ago
Last Updated
3 days ago
Language
TypeScript
License
MIT

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
Data & Documents Solid

codeck-export

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.

208 Updated 2 weeks ago
hiyeshu
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
Web & Frontend Solid

canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

1,696 Updated 3 weeks ago
ComposioHQ