Agent Skill that teaches AI coding agents how to build extremely fast, native-feeling web UIs — inspired by Linear.app’s architecture.
Makes your agent an expert in local-first patterns, optimistic updates, granular reactivity, and high-performance rendering.
npx skills add getlabs/linear-ui-performanceOr for a specific agent:
npx skills add getlabs/linear-ui-performance --agent cursorAfter installation, the skill appears in Cursor under Settings → Rules → Skills (or equivalent in other agents). The agent will automatically activate it when relevant (performance, UI lists, state management, data fetching, etc.) or you can invoke it explicitly with /linear-ui-performance.
Browse all skills: https://skills.sh/
- Local-first architecture (IndexedDB as primary store + in-memory observable hydration)
- True optimistic updates with local apply + async background sync (no spinners)
- Granular reactivity (MobX-style per-property observables → cell-level re-renders only)
- Advanced bundling & loading (per-package chunks, modulepreload, service worker precache, inlined app shell)
- Virtualization + fine-grained updates for large lists/tables
- Real-time collab patterns (Yjs + ProseMirror)
- Animation, keyboard-first, and perceived performance principles
- Concrete config examples (Vite/Rolldown, etc.)
- Stack-specific guidance (React/Next.js, Angular, general)
After adding the skill, your agent will automatically apply these patterns when you ask things like:
- “Build a fast issue list with optimistic updates”
- “Create a high-performance dashboard with virtualized tables”
- “Implement local-first state management for this feature”
Based on the excellent technical breakdown at: https://performance.dev/how-is-linear-so-fast-a-technical-breakdown
All credit for the original research and Linear's engineering team.
MIT — feel free to fork, improve, and share.
Pro tip: Combine this skill with other performance or frontend skills for even stronger results (e.g. React best practices, virtualization libraries, etc.).