emil-kowalski

Community

Craft UI with Linear's precision and restraint.

Authorlnittman
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Designing tasteful, performant UI components and animations requires a deep understanding of design principles and concrete values. Without this, UIs often become over-animated, inconsistent, or sluggish, hindering user experience.

Core Features & Use Cases

  • Linear Design Philosophy: Apply principles of restraint, intentionality, and craft to all UI decisions, ensuring a polished and focused user experience.
  • Animation Decision Trees: Guide choices for animation type, timing, and easing based on interaction context, preventing gratuitous motion.
  • Concrete Values: Utilize actual timing and property values from high-quality libraries like Sonner and Vaul, ensuring consistent and performant animations.
  • GPU-Accelerated Properties: Focus on animating opacity and transform for optimal performance, avoiding layout thrashing and jank.

Quick Start

Design a new modal component that feels like Linear, using subtle opacity and scale animations for entrance and a faster fade for exit.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: emil-kowalski
Download link: https://github.com/lnittman/skills/archive/main.zip#emil-kowalski

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.