Guide · Agent skill
How to use the Bauhaus Design Fundamentals Deck agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The hps-bauhaus skill lets an agent turn your training content into one self-contained HTML slide deck in a fixed Bauhaus style: red, yellow and blue primaries, ink-black borders, hard shadows and geometric shapes. It is aimed at onboarding and design-fundamentals courses for new brand designers and junior staff. This guide explains what an agent skill is, how to install this one, how to ask for a deck, and what to check before you present.
Bauhaus Design Fundamentals Decknexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Get the hps-bauhaus ZIP from the item page. It contains SKILL.md, example.html and open-design.json.
- 2Unzip into a skills folder. Place the folder in ~/.claude/skills/ for all projects, or in the project's .claude/skills/ folder for one project.
- 3Or upload in the Claude apps. In the Claude apps, open Settings, then Capabilities, then Skills, and upload the skill.
- 4Describe your course. Ask in plain language for a training or onboarding deck, naming the subject and audience.
- 5Answer the setup questions. Give the audience, goal, source material, deadline and must-keep numbers when the agent asks.
- 6Review the slide plan. Check the plan and written slides before the agent finalises the single HTML file.
- 7Open and present. Open the HTML file in a browser, check each slide with the keyboard, then present.
What an agent skill is and what this one makes the agent do
An agent skill is a folder containing a SKILL.md file. The file tells a compatible agent runtime when to use the skill and how to do the task. The agent reads these instructions when your request matches the skill.
Once hps-bauhaus is installed, the agent starts from a bundled template called example.html. It asks for the audience, goal and key numbers first, then replaces the slide content and speaker notes while keeping the layout and navigation code intact. The output is a single HTML file you can open in a browser and present.
- Starts from example.html and changes content only
- Adds speaker notes and keeps the keyboard navigation working
- Locks the colour palette and fonts to the Bauhaus token sheet
- Produces slides for a course such as grid, type, colour and exercises
Install the hps-bauhaus skill
Download the ZIP from the item page and unzip it. The package contains three files: SKILL.md, example.html and open-design.json. To make the skill available across your projects, place the unzipped folder in ~/.claude/skills/. To limit it to one project, place it in that project's .claude/skills/ folder.
If you use the Claude apps instead, open Settings, then Capabilities, then Skills, and upload the skill there.
- Personal install: unzip into ~/.claude/skills/
- Project install: unzip into the project's .claude/skills/ folder
- Claude apps: Settings → Capabilities → Skills, then upload
~/.claude/skills/
.claude/skills/How to trigger the skill with a natural request
You do not need a special command. Describe the deck you want in plain language and name the course, audience and purpose. The skill's triggers include phrases such as training deck, workshop, course module, employee onboarding deck and html slides.
Expect the agent to ask for missing essentials before it writes slides: audience, decision target, source material, deadline and any numbers that must stay exact. Answer these so the first draft is usable.
Create a 10-slide onboarding deck for new brand designers covering grid, type, colour and one exercise per topic. Use the Bauhaus skill and keep the key figures from my notes.Example requests and what you get back
A good request names the subject, the audience and the number of slides. The example prompt in the skill asks for a slide plan, written slides, visual direction and speaker-ready structure, followed by a critic pass. The critic pass checks whether a learner could perform the target task the next day.
You can also ask for a deck in Chinese. The skill includes a Chinese example prompt that follows the same process.
- Ask for a slide plan first, then approve it before the full deck is written
- Ask for speaker notes on each slide if you will present from the file
- Ask the agent to put exercises on their own slides so learners can work through them
What the skill needs and how the output works
The skill needs a SKILL.md-compatible agent runtime and a web browser to view the HTML file. The deck is one file with inline styles and script. It uses no build step and no external JavaScript or CSS libraries.
The deck uses Google Fonts through an import when opened. If the import cannot load, fallback fonts apply. Keyboard navigation uses the arrow keys, Space, PageUp, PageDown, Home and End. Slide links use a hash such as #/3 to jump to slide three.
- Requires: SKILL.md-compatible agent runtime, web browser, internet for Google Fonts (optional)
- Keyboard: arrow keys, Space, PageUp, PageDown, Home, End
- Each slide has a header, footer with a slide counter and progress bar
Safety notes: scripts and network access
The skill does not run scripts. It does use the network, because the bundled Google Fonts import loads a remote resource when the deck is opened. If your training material is confidential, do not rely on that import. Either accept the fallback fonts or review the file before you share it.
The skill also says not to change the palette or fonts. If you need another brand look, this skill is the wrong choice.
- Runs scripts: no
- Uses network: yes, only for the Google Fonts import
- Fonts and colours are locked by design
Tips for better decks
Give the agent real numbers and source material instead of asking it to invent figures. Check every number on the slides against your source before presenting.
Open the HTML file in a browser and test every slide with the keyboard before the session. Keep the slide count close to what you asked for, since each slide is one full screen with no internal scrolling.
- Supply source material and must-keep numbers at the start
- Review speaker notes and figures before presenting
- Test the deck on the computer you will present from
What people use it for
- Onboarding deck for new brand designers covering grid, type and colour
- Design-fundamentals workshop with one exercise per module
- Internal course module for junior staff with speaker notes
- Bold, poster-style presentation where a strict colour and font palette is wanted
Frequently asked questions
How do I install the hps-bauhaus skill?
Download the ZIP from the item page and unzip it into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder. In the Claude apps, you can instead upload it under Settings, then Capabilities, then Skills.
Is the Bauhaus Design Fundamentals Deck skill free?
The item page lists the licence as Apache-2.0. The skill is ported from an upstream project that the SKILL.md describes as MIT-licensed, so check the licence files in the download before reuse. The source does not state a price.
What do I need to run the hps-bauhaus skill?
You need an agent runtime that supports SKILL.md files and a web browser to view the output. Internet access is optional and only needed for the Google Fonts import; fallback fonts apply without it.
Can I change the colours or fonts in the deck?
The skill locks the palette and fonts to the Bauhaus token sheet and says not to change them. If you need a different brand look, pick a different skill or template.
Does the skill run scripts or send my data anywhere?
The source says the skill runs no scripts. It uses the network for the Google Fonts import when the deck is opened, so avoid relying on that import for confidential material.
Why won't my deck show the keyboard navigation or slides correctly?
The source does not cover troubleshooting in detail. Open the HTML file directly in a browser, click the page once so it has focus, and use the arrow keys or Space. Check that the file was not edited in a way that broke its inline script.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use hps-bauhaus if you are building an onboarding or design-fundamentals course and want a bold, poster-like single HTML deck with speaker notes. Pick something else if your deck must follow a different brand look or handle confidential material that should not load remote fonts.
Download the skill