Bauhaus Geometry UI
SkillStack Official
Build Bauhaus geometry interfaces — primary-color blocks, circle-triangle-square compositions, strict grids and bold geometric type for architecture studios, design practices and modern brands.
Design our architecture studio homepage in Bauhaus geometry style, with a poster hero, a project grid, and a yellow CTA block.
What you get
- A complete Bauhaus geometry system: SKILL.md workflow, design-token tables (exact hex, type, spacing), component specs, and copy-paste vanilla CSS/JS snippets — plus two working demo pages (a studio landing page and a 9-project browser with filters and a detail panel).
Good fit
- Architecture and interiors studios, design practices, galleries, furniture brands, and any modern brand that wants to look rigorous and confident at first glance.
Not for
- Soft consumer apps, luxury serif brands, rustic or hand-drawn identities, or dense data dashboards where color must encode data.
- Name
- Bauhaus Geometry UI
- Downloads
- 1
- Category
- Design
- Skills inside
- 1
Download & install
What's new: v1.0.0: Bauhaus geometry system for architecture studios — SKILL.md with IP guardrails, workflow, tokens, components, motion and QA checklist; references/design-tokens.md, references/components.md, references/snippets.md; two demo pages (landing-page.html, projects.html) with hand-drawn SVG compositions, reveal stagger, marquee, count-up, accordion, filters and detail panel, all with prefers-reduced-motion fallbacks.
Free for signed-in users.
1. Download the ZIP
Use the button above to download the packaged skill. It contains the SKILL.md plus all supporting files.
2. Unzip into your agent's skills folder
Extract the archive so that SKILL.md sits directly inside a folder named after the skill:
unzip bauhaus-ui-vv1.0.0.zip -d ~/.claude/skills/bauhaus-ui/Skills folder per agent
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. Restart your agent
Your agent picks up the new skill automatically on next launch. Ask it what it can do.
Like this free skill? Premium unlocks 77 exclusive skills.
One subscription unlocks every premium skill, prompt and pack — plus all future drops.
Reviews
Related skills
Swiss Type UI
Swiss Type UI
Swiss International Typographic Style web UI skill: strict 12-column grids, black-white-signal red palette, one neo-grotesque typeface with typographic scale contrast, and hairline rules. Precision-first layouts for SaaS, data products, docs sites and portfolios.
Claude Code · Codex · Cursor · Copilot +3
Diagram Design
Diagram Design
Draw beautiful editorial diagrams as self-contained HTML/SVG — flowcharts, system architecture, sequence diagrams, ER models, swimlanes, timelines, Gantt charts, quadrants, funnels, fishbone. No default-Mermaid ugliness: warm paper, one accent color, generous whitespace, readable labels.
Claude Code · Codex · Cursor · Copilot +3
Memphis UI
Memphis UI
Design bold Memphis postmodern websites — cream paper, thick ink outlines, flat saturated colour, squiggles, zig-zags, dots and stripes, and playful geometry that treats decoration as the point.
Claude Code · Codex · Cursor · Copilot +3
Art Deco Glamour UI
Art Deco Glamour UI
Art Deco glamour for luxury interfaces — stepped geometry, sunburst fans, gold hairline rules and jewel-tone palettes for fine jewelry, hospitality and premium brands. Includes a complete token system, 12 components, copy-paste motion snippets, and two working demos for a fictional 1925 jewelry atelier.
Claude Code · Codex · Cursor · Copilot +3