Vellum Presentation Deck
FreeCreate scholarly HTML presentations with ease.
Free · Opens the source repo
What Vellum Presentation Deck does
Vellum is a specialized HTML presentation deck designed for academic and scholarly contexts. Its aesthetic combines a deep navy background with warm-yellow italic Cormorant serifs, creating a calm and scholarly environment suitable for presenting research findings, white papers, and policy briefs. The design emphasizes a high level of formality and low visual density, making it ideal for audiences that appreciate a more subdued and intellectual presentation style.
The deck is structured around a single, cohesive design system that includes typography, color palette, and decorative elements. Users are encouraged to maintain the integrity of this design by not altering fonts, colors, or layouts. This ensures that the final presentation remains visually consistent and aligned with the scholarly tone intended by the original design. The deck includes nine slides in its demo, providing a solid foundation for users to build upon.
To create a presentation, users simply clone the provided example HTML file and replace the placeholder content with their own. The workflow is straightforward: users can adjust the length of the deck by duplicating existing layouts or removing slides as needed. However, if additional layouts are required, users must adhere to the established design system, ensuring that any new slides match the existing aesthetic.
Vellum is particularly suited for academics, researchers, and professionals who need to present complex ideas in a clear, organized manner. It is not recommended for contexts where a more vibrant or energetic visual style is required, as its design is intentionally low-tempo and understated.
When to use it
Use Vellum when creating presentations for academic lectures, research synthesis, or any context that requires a calm, intellectual atmosphere.
When not to use it
Avoid Vellum for presentations that require high-energy visuals or a more dynamic design approach.
What you can build with it
Academic Lecture Presentation
Use Vellum to create a presentation for a university lecture, ensuring a professional and scholarly tone.
Research Findings Deck
Present your research findings in a visually cohesive manner that emphasizes clarity and intellectual engagement.
Policy Briefing
Utilize Vellum for crafting policy briefs that require a formal presentation style, suitable for academic or governmental audiences.
How to install Vellum Presentation Deck
View source1. Install with the skills CLI
npx skills add nexu-io/open-design/html-ppt-zhangzara-vellum --agent claude-code2. Or install it manually
Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.
Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs
Inside SKILL.md
Written by nexu-ioVellum
Deep navy canvas with warm-yellow italic Cormorant serifs and a single dusty teal accent. A quiet, scholarly aesthetic.
A single self-contained HTML deck — typography, palette, decorative system, and slide vocabulary are all tuned together. Mixing layouts across templates breaks the system; stay inside this one.
At a glance
- Scheme: dark
- Formality: high
- Density: low
- Slides in demo: 9
Best for
Anything that should feel scholarly, literary, and quietly intelligent: research synthesis, white papers, academic and policy briefs, advisory deliverables, longform editorial pieces, founder reflections. Equally strong for any deck — including tech, business, or creator work — that wants a calm, considered atmosphere instead of energetic visuals.
Avoid for
Contexts that need visual heat or pop — the navy + warm-yellow italic-Cormorant aesthetic is intentionally low-tempo.
Workflow
- Clone
example.htmlinto the user's workspace as the working file. - Replace placeholder content with the user's real headlines, body copy, numbers, names, dates, and section labels. Match existing dimensions when swapping image placeholders.
- Preserve the design system. Never substitute fonts, recolor the palette, restructure the layout grid, or strip decorative elements (corner brackets, paper grain, geometric shapes, illustrated SVGs). They are part of the identity.
- Adjust deck length by duplicating layouts. If the user has more content than the demo holds, duplicate an existing slide of the most appropriate layout. If less, drop slides from the bottom. Update page-number labels.
- Designing missing layouts: if a slide needs a layout the template doesn't have, design it from scratch using the same fonts, palette, decorative vocabulary, spacing rhythm, and component grammar — never bail to a different template.
- Keep the navigation runtime as shipped. If the deck ships an
assets/deck-stage.jsor inline keyboard handler, leave it intact.
Output contract
Emit between <artifact> tags:
<artifact identifier="zhangzara-vellum" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
Source & license
Vendored from upstream MIT-licensed
zarazhangrui/beautiful-html-templates.
The full upstream MIT license text — including the original copyright notice — ships in this skill at
LICENSE and must be redistributed alongside any copy of example.html,
template.json, or any vendored assets/ runtime. See template.json for the upstream metadata snapshot.
Frequently asked questions about Vellum Presentation Deck
Similar skills
PPTX HTML Fidelity Audit
Ensure your PPTX matches its HTML source perfectly.
HTML PPT Studio
Create professional HTML presentations effortlessly.
Humanize PPT
Transform raw material into presentation-ready outlines.
Replit Deck
Create visually cohesive decision decks with ease.
Open Design Landing Deck
Create engaging marketing decks with a magazine-style format.
Magazine Web Presentation
Create visually striking HTML presentations with ease.