Platform Design
- 1.8k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
300+ curated design rules from Apple HIG, Material Design 3, and WCAG 2.2 for building consistent cross-platform UIs.
About
A curated skill providing 300+ design rules sourced from Apple HIG, Material Design 3, and WCAG 2.2 accessibility standards. Developers use this during frontend development to ensure consistent design patterns across iOS, Android, and web platforms. Key workflows include referencing HIG rules for iOS components, Material Design 3 patterns for Android, and WCAG 2.2 compliance for web accessibility. The skill integrates into agent-driven design planning, enabling developers to discover and apply cross-platform design standards without manually consulting multiple design system docs.
- 300+ design rules curated from Apple HIG, Material Design 3, and WCAG 2.2
- Cross-platform coverage: iOS, Android, web in single reference
- Agent-discoverable via trigger phrases: platform design, material design, hig rules, wcag rules
- Accessible via upstream GitHub bundle for full assets and scripts
- Integrated into Open Design skill catalog for planning workflows
Platform Design by the numbers
- 1,789 all-time installs (skills.sh)
- +122 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #154 of 1,896 Design & UI/UX skills by installs in the Skillselion catalog
- Data as of Jul 28, 2026 (Skillselion catalog sync)
platform-design capabilities & compatibility
- Capabilities
- reference 300+ cross platform design rules · validate ui against hig, material design 3, wcag · discover platform specific design patterns · ensure accessibility compliance during design · compare ios, android, web design standards
- Use cases
- ui design · web design · frontend
What platform-design says 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.
npx skills add https://github.com/nexu-io/open-design --skill platform-designAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.8k |
|---|---|
| repo stars | ★ 82k |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
What it does
Apply 300+ cross-platform design rules from Apple HIG, Material Design 3, and WCAG 2.2 when designing UIs for iOS, Android, and web.
Who is it for?
Frontend teams shipping UIs across iOS, Android, and web; designers and developers needing cross-platform design system reference.
Skip if: Backend-only development, native-only apps, design system creation from scratch.
When should I use this skill?
Planning cross-platform UI components, validating design against HIG or Material Design 3, ensuring WCAG 2.2 compliance.
What you get
Developers apply unified design rules across platforms, reducing design inconsistency and ensuring WCAG 2.2 accessibility compliance.
- Cross-platform UI rule recommendations
- Accessibility compliance checks
- Design-system pattern guidance
By the numbers
- 300+ design rules curated
- 3 source standards: Apple HIG, Material Design 3, WCAG 2.2
- 3 platforms covered: iOS, Android, web
Files
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-skillsThen 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
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109kHow it compares
Pick platform-design over single-platform HIG or Material guides when one product ships identical interaction patterns on iOS, Android, and web with shared accessibility requirements.
FAQ
Where do the 300+ design rules come from?
Sourced from Apple HIG (iOS), Material Design 3 (Android), and WCAG 2.2 (web accessibility standards).
How do I use this skill in my agent?
Install the upstream bundle into your agent's skills directory and invoke by name or trigger phrases: platform-design, cross-platform design, material design, hig rules, wcag rules.
Does this cover all three platforms equally?
Yes - rules are curated from HIG (iOS), Material Design 3 (Android), and WCAG 2.2 (web accessibility) to ensure cross-platform consistency.