← ClaudeAtlas

ux-modern-app-feellisted

Use when you want a Shopify embedded app to feel modern, fast, and opinionated like Linear, Notion, Vercel, or Cron — speed-first, keyboard-first, calm UI, opinionated defaults, no-config success path. Covers keyboard shortcuts inside App Bridge, command palette patterns, micro-interactions Polaris allows, density vs spacious tradeoffs, brand expression within Polaris tokens, and 15 concrete patterns to copy from modern SaaS into Polaris-compliant Shopify apps. Triggers: 'modern shopify app', 'fast app', 'linear-style ux', 'notion-style ux', 'keyboard shortcuts shopify app', 'command palette', 'calm ui', 'minimalist polaris', 'opinionated defaults', 'fewer settings', 'speed first'.
khadinakbarlabs/shopify-app-builder · ★ 1 · Web & Frontend · score 62
Install: claude install-skill khadinakbarlabs/shopify-app-builder
# 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