hps-y2k-chrome

Generate single-file HTML presentation decks using a Y2K-inspired chrome visual system.

93.2k|10.8k|Updated Apr 28, 2026

Search Tags:#HTML #presentation #Chrome #kpi #deck #y2k #data-finance

One-click install

npx skills add https://github.com/nexu-io/open-design --skill hps-y2k-chrome

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: hps-y2k-chrome
Source: https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/hps-y2k-chrome
Command: npx skills add https://github.com/nexu-io/open-design --skill hps-y2k-chrome

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill addresses the need for high-fidelity, self-contained presentation decks that maintain a consistent, professional aesthetic without requiring external dependencies or complex build tools.

Core Features & Use Cases

Y2K Chrome Aesthetic: Implements a specific visual system featuring frosted-glass cards, silver-metal gradients, and chrome-clipped typography.
Self-Contained Runtime: Generates a single HTML file containing all styles, layouts, and keyboard-navigable logic, ensuring portability.
Use Case: Create a decision-grade KPI brief for leadership that remains visually consistent and functional across any browser without external image or script dependencies.

Quick Start

Generate a KPI decision brief deck using the y2k-chrome theme by providing your slide content and structure to the skill.

Frequently Asked Questions about hps-y2k-chrome

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create a new presentation with this skill?▼

Start by copying the example.html file provided in the skill directory. Replace the existing slide content with your own text and data while preserving the CSS classes and script runtime to maintain the Y2K chrome theme.

Can I add custom fonts or colors to the deck?▼

The Y2K chrome theme is locked to a specific token sheet to ensure visual consistency. You should not add custom fonts or colors outside of the provided CSS variables to maintain the signature aesthetic.

Does this deck require external JavaScript libraries?▼

No, the deck is entirely self-contained. All navigation, animations, and layout logic are handled by the inline script and CSS within the single HTML file, requiring no external dependencies.

How do I add speaker notes to my slides?▼

Include a hidden div with the class 'notes' inside each section element of your HTML. These notes will be excluded from the audience view while remaining accessible within the source code.