About platform-design-skills
platform-design-skills is a package of platform-specific design guidance for cross-platform UI work. It brings together rules from Apple Human Interface Guidelines, Material Design 3, and WCAG 2.2 for iOS, Android, macOS, and web.
Key features
- 01300+ design rules
- 02Apple HIG guidance
- 03Material Design 3 guidance
- 04WCAG 2.2 accessibility rules
- 05Conventions for four platforms
Use cases
- 01Check touch targets for a platform
- 02Choose platform-appropriate navigation patterns
- 03Apply typography and component conventions
- 04Review accessibility requirements
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/platform-design-skillsin Claude Code to confirm it loaded.
Bundled filesstub.yaml
Details
From the project READMEplatform-design-skills
Catalogue stub — full package: ehmo/platform-design-skills
Decision tree
Run this before any cross-platform UI design work:
-
Is the platform-design skill already installed? Check:
~/.design-agent-skills/skills/platform-design/SKILL.mdexists (representative).- Yes → invoke the relevant platform skill and proceed
- No → go to step 2
-
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with
!— add-gfor global install or omit for project-only
Install command
npx skills add ehmo/platform-design-skills
Invoke after install
- Check installed skill names with:
ls ~/.design-agent-skills/skills/ | grep platform - Trigger phrases: "platform design", "HIG rules", "Material Design 3", "cross-platform"
What it does
300+ design rules from Apple's Human Interface Guidelines, Google's Material Design 3, and WCAG 2.2 — all in one package. Ensures apps follow platform conventions on iOS, Android, macOS, and web: correct touch targets, navigation patterns, typography scales, component behaviors, and accessibility requirements per platform.