Agent skill · design visual · nexu-io
hps-bauhaus
A visual-design fundamentals course for new brand designers — grid, type, color, and the exercises that build the eye. Built as a decision-grade professional training deck for junior designers, new hires.
Why this skill is useful
Provides a structured training deck template with specific design principles and color schemes that enhance the AI's ability to create professional design presentations.
What it needs
About 5k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Bauhaus Primary (hps-bauhaus) Single-theme deck plugin ported from the bauhaus theme of the upstream MIT-licensed lewislulu/html-ppt-skill (36 themes × 31 layouts × 27 animations). This plugin locks one skin: design-history geometric modernism — the 1919–1933 Dessau language of square/triangle/circle, the three primaries on an aged paper ground, and typography that behaves like a poster. Start from example.html. Replace content only. Never rewrite the design system or the runtime script. Never introduce a color or font outside the token sheet below. Locked token sheet (:root, do not deviate) Hard rules derived from the sheet: The three-band gradient (--grad) has hard stops — it is a flag, not a blend. Use it only on .gradient-text hero words, .tri-band, and .divider-accent. Never use soft multi-stop gradients. All chrome is ink: 2px solid #111 borders on cards, pills, chart bars, checkboxes; 3px strokes inside SVG. Shadows are hard offsets (4px 4px 0 #111, 8px 8px 0 #111). Blurred rgba drop shadows are forbidden. border-radius is 0 on every element except the geometric circle device (border-radius:50%). Typography Display (.h1 .h2 .stat-big .quote .section-num .kpi .num): Archivo Black, weight 400 (the face is already black — never fake-bold), uppercase, letter-spacing -.03em. Body (.lede, card copy, lists): Space Grotesk, weights 300–700. Mono (step counters, theme chip, code): JetBrains Mono. No serif, no slab, no handwriting, no brush — those belong to sibling themes (editorial-serif, peoples-platform), not this one. Google Fonts via @import is the only allowed remote resource. Signature devices (keep these; they are the style) Kandinsky mark: inline SVG of red square + yellow triangle + blue circle, 3px ink strokes — on the cover and the closer. Outlined section numerals: .section-num rendered stroke-only via -webkit-text-stroke:3px var(--text-1) with transparent fill. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/hps-bauhaus