skills.rest
fumiya-kume
fumiya-kumeCOMMUNITY
Explore all skills by this author →
Website𝕏@fumiya_kumeGitHub

tesla-dashboard-ui

Build a Tesla-inspired iPad dashboard UI with SwiftUI and MapKit.

1|1|Updated Jan 17, 2026
Search Tags:#accessibility#glassmorphism#swiftui#design-system#atomic-design#mapkit
One-click install
npx skills add https://github.com/fumiya-kume/toy-poodle-love --skill tesla-dashboard-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tesla-dashboard-ui
Source: https://github.com/fumiya-kume/toy-poodle-love/tree/main/.claude/skills/tesla-dashboard-ui
Command: npx skills add https://github.com/fumiya-kume/toy-poodle-love --skill tesla-dashboard-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about tesla-dashboard-ui

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

FAQPage Schema
How do I build a Tesla-style dashboard UI in SwiftUI?▼

To build a Tesla-style dashboard UI in SwiftUI, apply an atomic design framework using glassmorphic components, accessible typography, and a dark theme optimized for iPad apps.

Can I integrate MapKit into an iPad automotive dashboard using atomic design?▼

Yes, you can integrate MapKit into an iPad automotive dashboard using atomic design. It supports navigation patterns for routing, live location tracking, and voice guidance within your SwiftUI project.

What is glassmorphism and how does it apply to SwiftUI dark theme design systems?▼

Glassmorphism in a SwiftUI dark theme design system applies translucent visual effects to UI components. It ensures accessible typography and touch-friendly controls while maintaining a scalable automotive dashboard aesthetic.

Does the atomic design approach work for scalable iPad app interfaces?▼

Yes, the atomic design approach works for scalable iPad app interfaces by structuring SwiftUI views into Atoms, Molecules, Organisms, Templates, and Pages to ensure consistent UI composition across dashboard applications.

Are there design system guidelines for maintaining consistency across companion apps?▼

Yes, comprehensive design system guidelines ensure consistency across iPad and companion apps. They provide references for applying dark themes, glassmorphic components, and touch-friendly controls throughout the automotive interface.

What is the best way to structure a SwiftUI project for automotive-grade apps?▼

The best way to structure a SwiftUI project for automotive-grade apps is using an atomic design framework. This separates UI into reusable Atoms, Molecules, and Organisms to accelerate building scalable dashboard components.

Related Skills

Explore More Design & Creative Skills→
4tikhonov4tikhonov
3

project-init

Initialize a FIRE project by detecting workspace type and generating standards templates.

Community
Basic
femitzfemitz

mapkit

Implement map-based and location-aware features in iOS/macOS apps with MapKit and CoreLocation.

Community
Advanced
fumiya-kumefumiya-kume
1

iOS MapKit Implementation

Implement MapKit maps, routing, and search in SwiftUI apps.

Community
Advanced
Elliot-TangSElliot-TangS
1

frontend-design

Design production-grade frontend UI plans with design tokens and accessibility.

Community
Advanced