platform-design
Helps your agent follow design rules from platforms like Apple and Google. It's useful for maintaining visual consistency across different systems.
What it does
This tool helps you create consistent designs for apps that work across different platforms (like iOS, Android, and the web). It gathers over 300 design rules from trusted sources like Apple and Google.
When to use it
- ✓When creating an app for both iOS and Android simultaneously.
- ✓When you want your app to look the same on computers and mobile devices.
- ✓To ensure your app's design follows best practices for accessibility.
Example of what to ask your AI
“Help me design a task management app that works well on both iOS and Android.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The AI consults a set of over 300 design rules from popular platforms. It uses these rules to suggest how your app should look and behave on different devices, ensuring consistency and accessibility.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill platform-designOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/platform-design/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
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.
FAQ
What are 'Apple HIG' and 'Material Design 3'?
These are design guides created by Apple and Google, respectively. They contain best practices for building beautiful and user-friendly interfaces for their products.
What is 'WCAG 2.2'?
This is an international set of guidelines for making the web and applications more accessible to people with disabilities.
Do I need to install anything to use this?
The description suggests you might need to install the full package for all features, but the AI can likely access the design rules directly for consultation.
Details
Original description by the author
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.
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #753
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
accessibility
Helps your agent create interfaces that everyone can use. Ensures websites and apps work well for people with disabilities, like those who are blind or have reduced mobility.
affaan-m/ECC
design-system
Helps your agent create a design system from existing code. It extracts visual information and checks for consistency, generating a report and an interactive preview.
affaan-m/ECC
liquid-glass-design
Helps your agent create iOS user interfaces with a 'Liquid Glass' effect. Allows adding dynamic and interactive visual effects in SwiftUI and UIKit.
affaan-m/ECC