Retro Windows Presentation
FreeCreate nostalgic HTML training decks with ease.
Free · Opens the source repo
What Retro Windows Presentation does
The Retro Windows skill provides a unique HTML template designed for creating engaging and nostalgic training presentations. Built with a Windows 95 aesthetic, this skill is perfect for IT security-awareness training focused on spotting phishing attempts. The template features a cohesive design system that includes a specific typography, color palette, and decorative elements, ensuring that all components work harmoniously together. Users can easily replace placeholder content in the provided example file to create customized presentations that maintain the retro theme.
This skill is particularly suited for professional training decks aimed at employee onboarding, workshops, and educational courses. The nostalgic design can effectively capture the attention of audiences while delivering important information about IT security practices. The structured workflow guides users through the process of adapting the template, emphasizing the importance of preserving the design integrity. This ensures that the final output remains true to the retro aesthetic, making it an ideal choice for presentations that benefit from a playful, tongue-in-cheek approach.
However, users should avoid this skill for decks that require a modern or formal appearance, as the retro design may not convey the necessary professionalism for certain contexts. The skill is designed to be straightforward, with clear instructions on how to modify the template while adhering to the established design system. This makes it accessible for users who may not have extensive design experience, allowing them to create visually appealing presentations quickly and efficiently.
When to use it
Use this skill when you need to create a nostalgic presentation for training or educational purposes, particularly in IT security awareness.
When not to use it
Avoid using this skill for modern or formal presentations where a sleek, professional look is required.
What you can build with it
Onboarding New Employees
Use the Retro Windows presentation to introduce new hires to IT security practices in a fun, engaging way.
Conducting Workshops
Leverage the nostalgic design to facilitate workshops that explore tech history or retro gaming themes.
Creating Educational Content
Develop educational materials that require a playful tone, making complex topics more relatable and memorable.
How to install Retro Windows Presentation
View source1. Install with the skills CLI
npx skills add nexu-io/open-design/html-ppt-zhangzara-retro-windows --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-ioRetro Windows
Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia.
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: low
- Density: medium
- Slides in demo: 10
Best for
Anything that should feel knowingly nostalgic: retro gaming, Y2K-aesthetic brands, creator portfolios with a 90s vibe, tech-history talks, deliberately tongue-in-cheek decks. A great choice anywhere a playful retro reference is the entire point.
Avoid for
Decks that need to read as modern, elegant, or institutionally credible — the Win95 chrome will always read as a costume.
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-retro-windows" 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 Retro Windows Presentation
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.