skills.rest
marcus
marcusCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

linear-design-patterns

Define Linear-inspired design patterns for keyboard-first dashboards and admin tools.

3|1|Updated Dec 23, 2025
Search Tags:#typography#design-system#color-themes#ux-patterns#linear-inspired#keyboard-first
One-click install
npx skills add https://github.com/marcus/marcus-skills --skill linear-design-patterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: linear-design-patterns
Source: https://github.com/marcus/marcus-skills/tree/main/skills/linear-design-patterns
Command: npx skills add https://github.com/marcus/marcus-skills --skill linear-design-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Linear-inspired design patterns help teams standardize UI across products, enabling fast, dense interfaces with a dark-first aesthetic.

Core Features & Use Cases

  • Keyboard-first navigation across admin panels, dashboards, and developer tools.
  • Theming with a 3-variable system for low-chrome, high-density surfaces.
  • Reference-guided guidance for color, typography, layout, motion, and feedback patterns.

Quick Start

Start applying Linear-inspired design system patterns by aligning color tokens, typography, and spacing to a 3-variable theme and enabling keyboard shortcuts for navigation.

Frequently Asked Questions about linear-design-patterns

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

FAQPage Schema
What are Linear-inspired design patterns for keyboard-first apps?▼

You can standardize UI across products by aligning color tokens, typography, and spacing to a 3-variable theme system. This low-chrome approach supports high-density surfaces and enables keyboard shortcuts for navigation in admin tools.

How do I implement a 3-variable theming system for high-density dashboards?▼

Yes, these design patterns target developer tools and admin panels specifically. They provide interaction rules and keyboard-first navigation guidance tailored for fast, dense interfaces within these high-density environments.

Does this design system work for admin panels and developer tools?▼

Yes, these design patterns target developer tools and admin panels specifically. They provide interaction rules and keyboard-first navigation guidance tailored for fast, dense interfaces within these high-density environments.

What is the best way to standardize UI components across multiple products?▼

The best way to standardize UI components is applying a unified design system with a 3-variable theme. This ensures consistent color, typography, and spacing rules across products, enabling fast and dense dark-first interfaces.

Related Skills

Explore More Design & Creative Skills→
yonetim258852yonetim258852

modular-scale-typography

Generate modular scale font size tokens as CSS variables for design systems.

Community
Intermediate
bergsidebergside
2.3k

spacious

Generate design-system guidance for spacious UI layouts using tokenized spacing and typography.

Official
Intermediate
jonnymuirjonnymuir
1

workflow-editor-help-quality-gate

Validate workflow editor help surfaces and keyboard shortcuts with Playwright and Storybook.

Community
Advanced
rupamkairirupamkairi

ui-styling

Create accessible React interfaces with shadcn/ui components and Tailwind CSS.

Community
Advanced