ux-modern-app-feel
Installation
SKILL.md
Modern App Feel for Shopify Embedded Apps
Most Shopify apps feel like 2015 — wall-of-settings, slow page loads, mouse-only, no keyboard, no taste. The modern reference is Linear, Notion, Vercel, Cron, Raycast, Superhuman, Arc — apps that feel calm, instant, opinionated, and keyboard-first. This skill is how to bring that feel inside Polaris and App Bridge 4.x without breaking the Built for Shopify (BFS) badge or merchant expectations.
The premise: Polaris is the floor, not the ceiling. You can absolutely build a Linear-tier embedded app within Polaris — you just have to be deliberate about the seven things that actually make an app feel modern, and ruthless about everything else.
When to Use This Skill
Use when:
- Building a new Shopify embedded app and you want it to feel categorically better than the competitor apps in the same category
- Refactoring an existing app that feels slow, cluttered, or "Shopify-default" with no taste
- Asked "how do I make this feel more like Linear / Notion / Vercel inside a Shopify app"
- Adding keyboard shortcuts, a command palette, optimistic UI, or other speed-feel patterns to an embedded app
- Deciding between dense vs spacious layouts for a merchant-facing dashboard
- Asked about brand expression — when can you override Polaris colors, and when shouldn't you
- About to ship an "infinite settings" page and want the heuristic for whether each setting earns its place
- Considering a custom design system on top of Polaris (almost always wrong — this skill explains why)