Skip to content
Get packs

Bauhaus Design Fundamentals Deck

Builds a single-file, Bauhaus-styled HTML training slide deck on design fundamentals from your content.

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
3 files

What it does

Once installed, the agent can turn your course content into a self-contained HTML slide deck in a fixed Bauhaus style: red, yellow and blue primaries, ink-black borders, hard shadows and geometric shapes. It starts from a bundled template (example.html), swaps in your slides and speaker notes, and keeps the layout and navigation code intact. The skill is aimed at training decks for new brand designers and junior staff, and it asks for the audience, goal and key numbers first.

Great for

  • Designers or trainers building an onboarding or design-fundamentals course deck
  • Teams who want a bold, poster-like visual style with a strict colour and font palette
  • Anyone who wants a single HTML file they can open in a browser and present

Skip it if

  • Decks that need a different brand look, since the palette and fonts are locked and the skill says not to change them
  • Confidential or sensitive training material if you plan to rely on the bundled Google Fonts import, because that loads a remote resource from the internet

Try asking

  • “Create a 10-slide onboarding deck on grid, type and colour for new junior designers”
  • “Turn my brand guidelines notes into a Bauhaus-style training deck with speaker notes”
  • “Make an HTML workshop slide deck on visual hierarchy with a process-steps slide and a closing slide”
Step-by-step guide: how to use Bauhaus Design Fundamentals DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.

    hps-bauhaus.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip hps-bauhaus.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip hps-bauhaus.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide the audience, learning goal, source material and page count up front so the agent does not have to guess.
  • Keep your content in plain text or bullet form; the agent fills the existing slide structure rather than inventing a new design.
  • Review the generated HTML in a browser and check the speaker notes before presenting.

What's inside

  • example.html
  • open-design.json
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.