platform-design-skills

name	platform-design-skills
description	300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Covers iOS, Android, macOS, and web accessibility platform conventions in one unified skill package.
triggers	["platform design","Apple HIG rules","Material Design","cross-platform design","platform conventions","HIG guidelines","MD3 design"]
das	{"category":"visual-components","upstream":"https://github.com/ehmo/platform-design-skills","version":"latest","install":false}

platform-design-skills

Catalogue stub — full package: ehmo/platform-design-skills

Decision tree

Run this before any cross-platform UI design work:

1. Is the platform-design skill already installed? Check: ~/.design-agent-skills/skills/platform-design/SKILL.md exists (representative).

   • Yes → invoke the relevant platform skill and proceed
   • No → go to step 2

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 -g for 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.