Skills
.Work. You
Rest

tesla-dashboard-ui

Community

Tesla-style dashboard UI with atomic design.

Design & Creative#accessibility#glassmorphism#swiftui#design-system#atomic-design#mapkit
Authorfumiya-kume
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides a reusable, iPad-optimized UI component library inspired by Tesla's dashboard design to accelerate building automotive-grade apps.

Core Features & Use Cases

  • Atomic design framework (Atoms, Molecules, Organisms, Templates, Pages) implemented in SwiftUI for scalable UI composition.
  • Glassmorphism on dark theme with accessible typography and touch-friendly controls.
  • MapKit integration and navigation patterns for dashboards with routing, live location, and voice guidance.
  • Design system reference and comprehensive guidelines to ensure consistency across iPad and companion apps.

Quick Start

Integrate the Tesla-dashboard-ui design system into your SwiftUI project and begin building an iPad dashboard using the atomic design patterns.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tesla-dashboard-ui
Download link: https://github.com/fumiya-kume/toy-poodle-love/archive/main.zip#tesla-dashboard-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.