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.
你能得到
- 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).
适合场景
- Architecture and interiors studios, design practices, galleries, furniture brands, and any modern brand that wants to look rigorous and confident at first glance.
不适合
- Soft consumer apps, luxury serif brands, rustic or hand-drawn identities, or dense data dashboards where color must encode data.
- 名称
- Bauhaus Geometry UI
- 下载数
- 1
- 分类
- 设计
- 包含 skills
- 1
下载与安装
更新内容: 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.
登录用户免费下载。
1. 下载 ZIP
点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。
2. 解压到 agent 的 skills 目录
解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：
unzip bauhaus-ui-vv1.0.0.zip -d ~/.claude/skills/bauhaus-ui/各 Agent 的 skills 目录
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. 重启你的 agent
下次启动时 agent 会自动识别新 skill，直接问它能做什么。
喜欢这个免费 skill？Premium 解锁 77 个独家 skills。
一次订阅，解锁全部高级 skill、prompt 和内容包，以及未来的每一期新品。
评价
相关技能
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