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)
Installs
1
First Seen
Aug 3, 2026
ux-modern-app-feel — khadinakbarlabs/shopify-app-builder