hps-bauhaus

Generate geometric design training decks using a constrained Bauhaus-inspired visual system.

93.2k|10.8k|Updated Apr 28, 2026

Search Tags:#HTML #training #Onboarding #bauhaus #deck #Slides #Design

One-click install

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

Or copy as Structured Prompt for Agent▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill addresses the inconsistency in professional training materials by enforcing a strict, design-history-based visual system that prevents layout clutter and ensures brand alignment.

Core Features & Use Cases

Geometric Modernism: Implements a 1919-1933 Dessau-style aesthetic using primary colors, hard-offset shadows, and zero-radius geometry.
Structured Deck Generation: Produces self-contained, single-file HTML presentations with built-in keyboard navigation and slide-snap functionality.
Use Case: Create a standardized onboarding deck for junior designers that teaches grid, type, and color fundamentals while maintaining a professional, studio-grade visual identity.

Quick Start

Use the hps-bauhaus skill to generate a professional training deck about design fundamentals for new hires.

Frequently Asked Questions about hps-bauhaus

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

FAQPage Schema

How do I create a new deck with hps-bauhaus?▼

Copy the provided example.html file and replace the content within the section elements. The deck automatically handles slide navigation, progress tracking, and theme-compliant styling without requiring external build tools.

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

No, the hps-bauhaus theme is strictly locked to a predefined token sheet. You must use the provided primary colors (red, yellow, blue) and specified fonts to maintain the design-history aesthetic.

Does this deck support external image hosting?▼

The theme prohibits external image hosts and photos. All visuals must be composed using geometric SVG elements or CSS blocks to adhere to the Bauhaus-inspired design system.

How do I navigate the generated slides?▼

The deck supports standard keyboard navigation including arrow keys, Space, PageUp, PageDown, Home, and End. It also supports deep-linking via URL hashes for specific slide numbers.