Multi platform design
Skill Dragoon0x/everything-design-taste/skills/multi-platform-design
Designing across web, mobile, tablet, desktop apps, and maintaining platform consistency.From its SKILL.md
npx -y skills add Dragoon0x/everything-design-taste --skill multi-platform-designAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.5 KB, 269 tokens by cl100k_base, as published. Nobody here has run it
Multi-Platform Design
Shared vs Platform-Specific
| Share Across Platforms | Adapt Per Platform |
|---|---|
| Brand identity | Navigation patterns |
| Color tokens | Touch vs mouse interactions |
| Typography scale | Platform UI conventions |
| Content structure | Input methods |
| Business logic | Screen density |
Platform Conventions
| Element | Web | iOS | Android |
|---|---|---|---|
| Primary action | Button in UI | Nav bar right | FAB |
| Navigation | Top/side nav | Tab bar bottom | Drawer + bottom nav |
| Back | Browser back | Left swipe/back button | System back |
| Selection | Checkbox | Checkmark | Checkbox |
| Alert | Modal/banner | Alert controller | Snackbar/dialog |
Design System Strategy
- Token layer: Shared across all platforms
- Component layer: Platform-specific implementations
- Pattern layer: Shared patterns, platform-specific interactions
- Brand layer: Identical everywhere
Rules
- Respect platform conventions (don't put iOS patterns on Android)
- Core experience should be consistent (same features, same content)
- Each platform should feel native, not a port
- Design system tokens bridge the platforms
- Test on real devices (simulators miss performance and feel)
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.