skills.rest
YusukeTsunoda
YusukeTsunodaCOMMUNITY
Explore all skills by this author →
GitHub

apple-design

Apply Apple-style dark-mode UI guidelines with monochrome bases and blue accents.

Updated Aug 23, 2026
Search Tags:#ui-design#ui-components#dark-mode#design-guidelines#monotone#minimal-design#apple-style
One-click install
npx skills add https://github.com/YusukeTsunoda/ppt-trans --skill apple-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-design
Source: https://github.com/YusukeTsunoda/ppt-trans/tree/main/.claude/skills/apple-design
Command: npx skills add https://github.com/YusukeTsunoda/ppt-trans --skill apple-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides Apple-style modern UI design guidelines to create minimal, refined interfaces in dark mode.

Core Features & Use Cases

  • Dark-mode first design with a monotone base and blue accent colors.
  • Minimal component guidance for consistent typography, spacing, and motion.
  • Use Case: Design a settings panel that feels clean and cohesive across screens.

Quick Start

Use the apple-design skill to apply Apple-inspired UI guidelines to a new login card with blue accents, ample negative space, and crisp typography.

Frequently Asked Questions about apple-design

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

FAQPage Schema
How do I apply Apple-style UI design guidelines to a dark-mode interface?▼

Apple-style UI design guidelines require a monochrome base with blue accent colors, clean typography, appropriate spacing, and smooth 200-300ms transitions to craft minimal dark-mode interfaces.

What are the essential requirements for minimal design in an Apple-inspired component?▼

Essential requirements for minimal design include a monotone base, blue accent colors, clean typography, ample negative space, and smooth 200-300ms transitions for visual consistency.

Can I use these design guidelines to refine existing UI components?▼

These design guidelines apply to refining existing UI components by enforcing a consistent Apple-inspired visual language, including dark-mode first design and minimal component guidance.

What is the best way to maintain visual consistency across multiple dark-mode screens?▼

Maintaining visual consistency across dark-mode screens involves enforcing a monochrome base, blue accent color, clean typography, and standardized motion rules across all product screens.

Does Apple-style design guidelines work for creating a settings panel?▼

Apple-style design guidelines work for creating a settings panel by providing minimal component guidance for consistent typography, spacing, and motion to ensure a clean, cohesive interface.

Related Skills

Explore More Design & Creative Skills→
leonardoteodorooleonardoteodoroo

design-system-patterns

Define design system tokens, theming, and component architecture patterns.

Community
Intermediate
seb1nseb1n
147

Frontend Design

Generate responsive HTML, CSS, and React, Vue, or Svelte components with WCAG accessibility and dark mode.

Community
Advanced
nazrulsoftwaredevnazrulsoftwaredev

make-interfaces-feel-better

Apply CSS refinements to improve UI spacing, typography, motion, and hit areas.

Community
Intermediate
mrdonleemrdonlee

brand-guidelines

Apply Anthropic brand colors and Poppins and Lora typography to visual artifacts.

Community
Basic