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 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 and patterns
- Apply WCAG 2.2 accessibility standards
- Ensure consistency across iOS, Android, and web platforms
- 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.Install the upstream bundle by visiting https://github.com/ehmo/platform-design-skills and following the README instructions
- 2.Add the skill to your agent's skills directory using the provided install command
- 3.Invoke the skill by name (platform-design) or use trigger phrases like 'platform design', 'cross platform design', 'material design', 'hig rules', or 'wcag rules'
- 4.Reference the design rules when making design decisions for your cross-platform application
Use cases
- Designing a mobile app that ships on both iOS and Android with web support
- Ensuring accessibility compliance across all platform variants
- Resolving design conflicts between platform guidelines
- Building a unified design system for multi-platform products
- Validating design decisions against established standards
- Product designers
- UX/UI designers
- Design system managers
- Cross-platform app developers
- 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, though it's optimized for cross-platform design. The WCAG 2.2 rules and Material Design 3 patterns are applicable to web projects.
Install the upstream bundle from https://github.com/ehmo/platform-design-skills and invoke the skill by name or trigger phrase in your agent.
Yes, WCAG 2.2 accessibility standards are included as part of the 300+ design rules.
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 Open Design 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 poster or Moments-style share image with strong visual impact.
ppt-keynote
Apple Keynote-quality slides with one card per screen and keyboard navigation.
pptx
Read, generate, and adjust PowerPoint slides, layouts, and templates.
pptx-generator
Create and edit PowerPoint presentations from scratch using PptxGenJS.
pptx-html-fidelity-audit
Audit python-pptx exports against source HTML decks and fix layout drift with footer-rail discipline.
release-notes-one-pager
Generate a single-page HTML release notes document with highlights, changes, and upgrade guidance.