Transform structured content outlines into self-contained HTML slide decks with custom CSS.
npx skills add https://github.com/hiyeshu/codeck --skill codeck-design
Please help me install this Agent Skill. Skill: codeck-design Source: https://github.com/hiyeshu/codeck/tree/main/skills/codeck-design Command: npx skills add https://github.com/hiyeshu/codeck --skill codeck-design
Users with folders of notes, documents, data, and images lack an efficient way to transform that content into compelling, structurally coherent presentations. Traditional slide tools constrain creativity with fixed templates and limited block vocabularies, forcing content to fit predefined shapes rather than expressing its inherent structure.
Use the codeck-design skill to read your deck.md content source and generate a complete HTML presentation with validated design direction, custom styling, and assembled speaker-ready output.
High-intent search queries and answers about installing and using this skill.
HTML slide generation works by reading your deck.md content outline and producing a self-contained HTML presentation file with custom CSS styling, per-slide content, and a fixed JavaScript slide engine.
Isomorphic mapping analyzes the formal structure of your content—tension curve, information density, emotional arc—and matches it to visual systems from domains like music, painting, or architecture so slides visually express the argument itself.
Yes, you can provide URLs, screenshots, or design specs as visual references; the skill extracts color, typography, and spatial rhythm signals and folds them into the CSS design system while respecting the content's structural needs.
The generated HTML presentation supports speaker notes and presenter sync via BroadcastChannel, along with fragments, overview mode, and a fixed JavaScript slide engine assembled within a self-contained output file.
The skill manages project files in a persistent local deck room, allowing work to continue across runs without relying on chat memory, with clear handoffs between outline, design, review, speech, and export channels.
To avoid fixed templates, use isomorphic structural mapping: the skill analyzes content structure and applies cross-domain visual mapping to generate custom CSS design systems rather than forcing content into predefined block vocabularies.
adriannoesGenerate structured infographic outlines for visual content planning.
Clos01Create HTML presentation decks with presenter notes and keyboard controls.
csim-sgAutomate PPTX creation, editing, and analysis with python-pptx and HTML2PPTX workflows.
caovinhphucDefine CSS classes and HTML patterns for styling presentation slides.
