ehmo/platform-design-skills
8 skills9.7k installs3.8k starsGitHub
Install
npx skills add https://github.com/ehmo/platform-design-skillsSkills in this repo
1Macos Design GuidelinesComprehensive macOS design guidelines for software engineers building native desktop applications. Covers critical patterns: menu bar structure with keyboard shortcuts, resizable multi-window management, toolbar customization, sidebar navigation, full keyboard accessibility, pointer interactions, and system integration via Spotlight and Shortcuts. Provides actionable SwiftUI and AppKit code examples, accessibility requirements, dark mode support, and evaluation checklists. Enforces 15 anti-patterns to avoid iOS-style UI mistakes. Essential for shipping apps that feel native to macOS and respect user expectations for keyboard-driven workflows, persistent UI state, and tight system integration.3.4kinstalls2Ios Design GuidelinesThe ios-design-guidelines skill is designed for apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces for iOS. Triggers on tasks involving iPhone UI, iOS. iOS Design Guidelines for iPhone Comprehensive rules derived from Apple's Human Interface Guidelines. Apply these when building, reviewing, or refactoring any iPhone app interface. Invoke when the user building, reviewing, or refactoring SwiftUI/UIKit interfaces for iOS.1.3kinstalls3Android Design Guidelinesandroid-design-guidelines is a platform design agent skill bundling Material Design 3 rules and Android conventions for Jetpack Compose and XML layouts. The repository structure includes SKILL.md with full guideline rules and code examples, rules/_sections.md for indexed section lookup, and metadata.json for version references. Rules carry priority levels—CRITICAL must never be violated, HIGH should be followed unless documented otherwise—covering Material You dynamic color, navigation, layout, component architecture, and accessibility audits. Developers reach for android-design-guidelines when building new Android screens or reviewing PRs for platform compliance. It suits mobile engineers who want consistent MD3 patterns instead of ad-hoc custom styling.1.1kinstalls4Web Design Guidelinesweb-design-guidelines is a platform design skill from ehmo/platform-design-skills that provides framework-agnostic web design and accessibility guidance grounded in WCAG 2.2, MDN Web Docs, and modern web platform standards. The repository organizes metadata.json, SKILL.md for full guidelines, and rules/_sections.md for selective loading when working on a single concern such as forms or accessibility only. Developers apply it when building HTML, CSS, and JavaScript interfaces or auditing existing pages for accessibility and performance without tying decisions to React, Vue, or another specific framework. The skill suits teams that want consistent review criteria across static sites, web components, and multi-framework codebases where shared platform rules matter more than component-library conventions.1.1kinstalls5Ipados Design Guidelinesipados-design-guidelines is a design skill grounded in Apple’s Designing for iPadOS Human Interface Guidelines. It organizes iPad-specific UI guidance into four impact-ranked categories: Responsive Layout, Multitasking, Navigation, and Pointer & Trackpad. The skill helps developers choose size classes, column layouts, Split View and Stage Manager behaviors, three-column navigation, sidebars, toolbars, hover states, and trackpad magnetism that feel native on a larger canvas. Reach for ipados-design-guidelines when implementing or reviewing SwiftUI or UIKit screens that must adapt across iPad window sizes and input modes rather than scaling iPhone layouts.806installs6Watchos Design Guidelineswatchos-design-guidelines is an ehmo/platform-design-skills skill that packages Apple Human Interface Guidelines for Apple Watch development. It loads when building or reviewing watchOS interfaces, designing complications for watch faces, implementing Digital Crown interactions, or creating workout and health tracking screens. The skill includes SKILL.md with complete design rules, specifications, and an evaluation checklist plus supporting rules files. Developers reach for watchos-design-guidelines when evaluating glanceability, Always On display states, or notification layouts on wrist hardware. It keeps agent-generated SwiftUI or WatchKit UI aligned with Apple's official wrist interaction patterns.708installs7Tvos Design Guidelinestvos-design-guidelines is a platform design skill providing Apple Human Interface Guidelines expertise for Apple TV applications. It covers focus-based navigation without pointer or touch input, Siri Remote interaction, 10-foot UI with large text and high contrast, Top Shelf extensions, media playback interfaces, and tab bar patterns. Key principles treat focus as the primary interaction model and assume living-room viewing distance. Developers reach for tvos-design-guidelines when designing new tvOS apps, reviewing focus systems, adapting iOS experiences for the TV, or implementing Top Shelf and media playback UI.670installs8Visionos Design Guidelinesvisionos-design-guidelines is a Design & UI/UX skill from ehmo/platform-design-skills with 485 installs on skills.sh (rank 7) that helps developers apply Apple's official Human Interface Guidelines to visionOS apps. The skill produces accurate spatial UI recommendations—windowing, depth, immersion, and interaction patterns—so SwiftUI or RealityKit interfaces match platform expectations. Developers reach for visionos-design-guidelines when prototyping or implementing Vision Pro features and need vetted HIG-aligned copy instead of guessing spatial layout rules. It complements Apple documentation with agent-ready, checklist-style guidance during active UI build work.591installs