platform-design-skills

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.