skills.rest
Hey-Viswa
Hey-ViswaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

bmw-design-skill

Translate BMW design language into UI layout and component guidance.

Updated Apr 11, 2026
Search Tags:#typography#layout#design-system#ui-patterns#brand-guidance#bmw#component-choices
One-click install
npx skills add https://github.com/Hey-Viswa/-claude-design-system-skills --skill bmw-design-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bmw-design-skill
Source: https://github.com/Hey-Viswa/-claude-design-system-skills/tree/main/design_system_skills/bmw-design-skill
Command: npx skills add https://github.com/Hey-Viswa/-claude-design-system-skills --skill bmw-design-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

BMW teams need consistent implementation of brand-driven UI patterns across products; without a shared reference, teams risk visual drift and inefficient rework.

Core Features & Use Cases

  • Provide a BMW-aligned design system blueprint for UI decisions, component guidance, and interaction patterns.
  • Help product and frontend teams align on typography, spacing, color, and component choices to ensure brand consistency.
  • Use case: when starting a new BMW product surface, generate a layout and component map that matches BMW design language.

Quick Start

Propose a BMW UI skeleton for a new feature, including layout, components, and interaction states.

Frequently Asked Questions about bmw-design-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply BMW brand design patterns to a new UI layout?▼

To apply BMW brand design patterns to a new UI layout, generate a UI skeleton using brand-aligned guidance for typography, spacing, color, and component choices to ensure visual consistency.

What is the best way to maintain brand consistency across BMW product surfaces?▼

The best way to maintain brand consistency across BMW product surfaces is to use a shared design system blueprint that translates BMW design language into concrete component guidance and interaction states.

Can I use this to generate UI guidance for BMW dashboards and settings features?▼

Yes, you can use this to generate implementation-ready UI guidance for BMW dashboards and settings features, providing specific layout decisions, component choices, and interaction patterns.

How do I translate BMW design language into concrete frontend implementation decisions?▼

You translate BMW design language into frontend implementation decisions by mapping brand requirements to specific UI patterns, including typography scales, spacing rules, and interaction states.

Do I need a specific UI framework to implement BMW component choices?▼

No specific UI framework is required to implement BMW component choices; the Skill provides implementation-ready guidance for layout and interaction states applicable across product design and frontend workflows.

Related Skills

Explore More Design & Creative Skills→
ibnuhalimmibnuhalimm

Architect

Gather project context and produce a detailed architecture plan.

Community
Advanced
Hey-ViswaHey-Viswa

airtable-design-skill

Translate Airtable design-system patterns into implementation-ready UI guidance for React/Next.js projects.

Community
Intermediate
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
AvihusittonAvihusitton

stitch-design-taste

Generates DESIGN.md files encoding brand-aware design constraints for Google Stitch workflows.

Community
Intermediate