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.
Profile →npx skills add nexu-io/open-design --skill hps-bauhaus --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Bauhaus Primary (hps-bauhaus) Single-theme deck plugin ported from the `bauhaus` theme of the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/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) ```css :root{ --bg:#f4efe3; /* aged canvas ground */ --bg-soft:#e8e2d1; /* darker canvas */ --surface:#ffffff; /* card paper */ --surface-2:#f4efe3; --border:#111111; /* ink — every stroke is this */ --border-strong:#111111; --text-1:#111111; --text-2:#333333; --text-3:#666666; --accent:#e03c27; /* Rot — red */ --accent-2:#f4c430; /* Gelb — yellow */ --accent-3:#1d4eaf; /* Blau — blue */ --good:#1b8c3c; --warn:#f4c430; --bad:#e03c27; --grad:linear-gradient(135deg,#e03c27 0 33%,#f4c430 33% 66%,#1d4eaf 66% 100%); --grad-soft:linear-g
- Locked token sheet (:root, do not deviate)
- Typography
- Signature devices (keep these; they are the style)
- Layout system (shared upstream catalog, 31 layouts)
- Page structure & runtime contract
- Authoring checklist
- Attribution
What does the hps-bauhaus skill do?
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.
How do I install it?
Run `npx skills add nexu-io/open-design --skill hps-bauhaus --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From nexu-io/open-design, a repository with 83,577 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.