platform-design
nexu-io/open-design
300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps.
What is platform-design?
A curated collection of design rules spanning Apple HIG, Material Design 3, and WCAG 2.2 accessibility standards. Use this skill when designing applications that need to work consistently across iOS, Android, and web platforms.
- Access 300+ design rules from Apple Human Interface Guidelines
- Reference Material Design 3 specifications for Android and web
- Apply WCAG 2.2 accessibility standards across platforms
- Ensure consistent design patterns across iOS, Android, and web
- Discover platform-specific design conventions and best practices
How to install platform-design
npx skills add https://github.com/nexu-io/open-design --skill platform-designHow to use platform-design
- 1.Invoke the skill by name 'platform-design' or use trigger phrases like 'platform design', 'cross platform design', 'material design', 'hig rules', or 'wcag rules'
- 2.Review the upstream repository at https://github.com/ehmo/platform-design-skills for complete assets and references
- 3.Consult the relevant design rule sections (Apple HIG, Material Design 3, or WCAG 2.2) for your specific use case
- 4.Apply the referenced design rules to your component or screen design
- 5.Validate your design against the accessibility standards included
Use cases
- Designing a mobile app that ships on both iOS and Android with web support
- Ensuring accessibility compliance across multiple platforms
- Standardizing UI components across different operating systems
- Planning cross-platform design systems for enterprise applications
- Validating design decisions against established platform guidelines
- Product designers working on cross-platform applications
- Design system architects
- Mobile app designers
- Web designers coordinating with mobile teams
- Accessibility specialists
platform-design FAQ
The skill includes rules from Apple Human Interface Guidelines (HIG), Material Design 3, and WCAG 2.2 accessibility standards.
Yes, the skill covers web design rules from Material Design 3 and WCAG 2.2, though it's optimized for cross-platform consistency.
This is a reference catalogue of design rules and best practices, not a complete design system with components. Use it alongside your design tools and component libraries.
Visit https://github.com/ehmo/platform-design-skills and follow the README instructions to install the complete upstream bundle with scripts and references.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: platform-design description: | 300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web. triggers:
- "platform design"
- "cross platform design"
- "material design"
- "hig rules"
- "wcag rules" od: mode: design-system category: design-systems upstream: "https://github.com/ehmo/platform-design-skills"
platform-design
Curated from @ehmo.
What it does
300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web.
Source
- Upstream: https://github.com/ehmo/platform-design-skills
- Category:
design-systems
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/ehmo/platform-design-skills
Then ask the agent to invoke this skill by name (platform-design) or with
one of the trigger phrases listed in this skill's frontmatter.
Related skills
More from nexu-io/open-design and the wider catalog.
poster-hero
Vertical 9:16 poster or Moments-style share image with strong visual impact.
ppt-keynote
Apple Keynote-quality slides with keyboard navigation and one card per screen.
pptx
Read, generate, and adjust PowerPoint slides, layouts, and templates.
pptx-generator
Create and edit PowerPoint presentations from scratch with PptxGenJS.
pptx-html-fidelity-audit
Audit python-pptx exports against HTML source decks and fix layout drift with cursor-flow discipline.
pr-feedback-quality-gate
Track PR feedback, resolve conflicts, validate fixes, and cross-review before committing changes.