Skip to content
Docksoft

Platform Design Skills

A

platform-design-skills

300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2.

apple-higmaterial-designwcagdesign-rules

Install

npx skills add ehmo/platform-design-skills
Author
ehmo
License
MIT
Updated
January 2026
Type
Bundle of 8
Platforms
Claude Code, Codex, Cursor, Multi Platform
View source

8 skills in this bundle

  • android-design-guidelines

    Source

    Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.

  • ios-design-guidelines

    Source

    Apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces for iOS. Triggers on tasks involving iPhone UI, iOS components, accessibility, Dynamic Type, Dark Mode, or HIG compliance.

  • ipados-design-guidelines

    Source

    Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, pointer support, keyboard shortcuts, or responsive layouts. Triggers on tasks involving iPad, Split View, Stage Manager, sidebar navigation, or trackpad support.

  • macos-design-guidelines

    Source

    Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars, toolbars, window management, or keyboard shortcuts. Triggers on tasks involving Mac UI, desktop apps, or Mac Catalyst.

  • tvos-design-guidelines

    Source

    Apple Human Interface Guidelines for Apple TV. Use when building tvOS apps with focus-based navigation, Siri Remote input, or living room viewing experiences. Triggers on tasks involving Apple TV, tvOS, 10-foot UI, or media playback.

  • visionos-design-guidelines

    Source

    Apple Human Interface Guidelines for Apple Vision Pro. Use when building spatial computing apps, implementing eye/hand input, or designing immersive experiences. Triggers on tasks involving visionOS, RealityKit, spatial UI, or mixed reality.

  • watchos-design-guidelines

    Source

    Apple Human Interface Guidelines for Apple Watch. Use when building watchOS apps, complications, or workout features. Triggers on tasks involving Watch UI, Digital Crown, glanceable interfaces, or wrist-based interactions.

  • web-design-guidelines

    Source

    Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.

Related

Design & UI/UX

A

Algorithmic Art

algorithmic-art

Create generative art using p5.js with seeded randomness, flow fields, and particles.

claude-codeclaude-aiApache-2.0

Design & UI/UX

S

Animate

animate

Builds an animation from scratch by making the decisions in the order that determines whether it feels right.

claude-codecodexcursor+1MIT

Design & UI/UX

A

Brand Guidelines

brand-guidelines

Apply brand colors and typography consistently across all generated artifacts.

claude-codeclaude-aiApache-2.0

Agent tooling

Want agents that know your stack?

This index is ours, and so is the tooling behind it. If your team wants agents that understand how your own systems actually work, that is a thing we build.

Contact the dock

One address, read by the people who would do the work. No intake form, no calendar link — just an email.

tphamdn@gmail.com
Other reasons to writeWe reply within two business days