linear-design

Audit UI components against Linear and Vercel design principles.

1|2|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/blink-new/claude --skill linear-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: linear-design
Source: https://github.com/blink-new/claude/tree/main/skills/linear-design
Command: npx skills add https://github.com/blink-new/claude --skill linear-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers build and audit user interfaces that meet the high standards of modern, premium applications like Linear, Vercel, and Notion, focusing on a refined user experience.

Core Features & Use Cases

  • UI Design System: Provides guidelines for color, surface, motion, layout, and typography.
  • Component Auditing: Helps review existing UI for adherence to best practices.
  • Use Case: When starting a new feature that requires a dashboard, use this Skill to ensure the UI is clean, intuitive, and performant, following established design principles.

Quick Start

Use the linear-design skill to audit the color system of the current UI components.

Frequently Asked Questions about linear-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is a premium UI design system and how does it handle surface elevation?

To audit existing UI components, you review them against established design principles for color systems, typography, and motion design. This process checks adherence to best practices, ensuring the interface is clean, intuitive, and performant.

Can I use shadcn/ui and Lucide icons to build a Linear quality interface?

Building a dashboard with a refined user experience requires applying specific guidelines for motion design, layout architecture, and information density. Following these principles ensures the dashboard is clean, intuitive, and performant.

Does this UI component guideline support keyboard-first interaction and progressive disclosure?

Yes, the UI component guidelines support keyboard-first interaction and progressive disclosure. These interaction patterns are covered alongside information density and typography specifications to ensure a comprehensive, high-quality user experience.

What is the best way to establish a color system for a premium frontend application?

The best way to establish a color system is using comprehensive guidelines from leading design systems like Linear and Vercel. This approach provides detailed specifications for colors and surface elevation to ensure visual consistency.