emil-kowalski
CommunityCraft UI with Linear's precision and restraint.
Design & Creative#performance#front-end#animation#ui design#component patterns#linear style#ux craft
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
opacityandtransformfor 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.