Monochrome Presentation Deck
FreeCreate formal, text-focused academic presentations.
Free · Opens the source repo
What Monochrome Presentation Deck does
Monochrome is a specialized HTML presentation deck designed for creating high-density, formal academic presentations. This skill is particularly suited for grant proposals and decision-grade academic research decks, where clarity and typographic precision are paramount. The deck features a minimalist design with an all-black typeface on ivory ledger paper, ensuring that the content remains the focal point. It employs Lora serif for headlines and Jost for body text, providing a cohesive visual identity that is both professional and easy to read.
The workflow is straightforward: users start by cloning an example HTML file and replacing placeholder content with their own. The design system is strict, requiring users to maintain the specified fonts, color palette, and layout structure to preserve the integrity of the presentation. This ensures that the final output remains consistent with the intended aesthetic, which is particularly important in academic settings where presentation quality can impact funding decisions.
Monochrome is ideal for a variety of academic and professional documents, including user research synthesis, white papers, and bilingual reports. It is also suitable for tech and design presentations that prioritize textual information over visual elements. However, it is not recommended for decks that require vibrant visuals or color-led storytelling, as its austere design intentionally lacks any color.
Overall, Monochrome is a valuable tool for researchers and professionals who need to create polished, text-centric presentations that adhere to strict design guidelines while effectively communicating their ideas.
When to use it
Use Monochrome when preparing academic presentations, grant proposals, or any formal documents that require a high level of typographic clarity and professionalism.
When not to use it
Avoid using this skill for presentations that need colorful visuals or creative storytelling elements, as the design is intentionally monochromatic and austere.
What you can build with it
Grant Proposal Presentation
Use Monochrome to create a polished grant proposal deck that clearly outlines your research hypothesis and approach.
Academic Research Synthesis
Prepare a formal presentation for academic research findings, ensuring that the focus remains on the content.
Bilingual Reports
Create bilingual English and Chinese reports that maintain a professional and consistent design throughout.
How to install Monochrome Presentation Deck
View source1. Install with the skills CLI
npx skills add nexu-io/open-design/html-ppt-zhangzara-monochrome --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-ioMonochrome
Ivory ledger paper with all-black type; Lora serif headlines, Jost body, no color at all.
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: light
- Formality: high
- Density: high
- Slides in demo: 16
Best for
Anything that should feel like a hand-typeset ledger: user research synthesis, white papers, longform reports, academic and policy briefs, advisory deliverables, bilingual EN/CN reports. Equally good for tech, design, or brand decks that want their words to be the only thing on the page.
Avoid for
Decks that need visual personality or color-led storytelling — the all-ink palette is intentionally austere.
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-monochrome" 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 Monochrome 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.