tesla-design-skill

To apply Tesla design-system patterns in React, use shared design tokens for typography and color, implement reusable components, and follow provided interaction state guidelines to maintain brand consistency across dashboards and pages.

The best way to build a Tesla-aligned dashboard UI in Next.js is to adhere to shared design tokens, use reusable component patterns, and follow the skill's implementation guidance for layout, spacing, and interaction states to reduce design drift.

Yes, you can use this skill to define typography and color tokens for a Tesla-like design system, providing a reusable set of aligned patterns that speed up delivery and ensure brand consistency across product UI.

Yes, this skill provides guidance on interaction states for UI components, covering example interactions and states for forms and dashboards to guide teams from concept to implementable UI with clear implementation guidance.

You need Tesla design-system patterns when building new Tesla-like dashboards or pages, aiming to reduce design drift and speed up delivery by suggesting component choices, spacing, and interaction patterns that align with the brand.

The skill requires strict adherence to shared tokens and reusable components for Tesla-aligned UI patterns, meaning teams must follow clear implementation guidance for React/Next.js to avoid breaking brand consistency across dashboards and pages.