Enforce Linear-inspired UI design constraints for dark mode, Inter font, and 4px grid.
npx skills add https://github.com/ihlamury/design-skills --skill linear-ui-skills
Please help me install this Agent Skill. Skill: linear-ui-skills Source: https://github.com/ihlamury/design-skills/tree/main/skills/linear Command: npx skills add https://github.com/ihlamury/design-skills --skill linear-ui-skills
This Skill provides opinionated constraints for building interfaces that are visually consistent with Linear's design system, ensuring a polished and professional look.
Apply Linear's UI design system to create a dark mode interface using the Inter font and a 4px grid.
High-intent search queries and answers about installing and using this skill.
To build a Linear-style dark mode interface, enforce dark backgrounds, appropriate text contrast, the Inter font family, and a 4px grid system for spacing and layout. This skill provides specific guidelines for colors, typography, borders, and components to ensure visual consistency.
Linear-style UI design requires using the Inter font family with defined heading and body text styles, alongside a strict 4px grid system for consistent spacing and layout. These constraints ensure a polished and professional look across the interface.
Yes, you can use this skill to design new features for a project management tool that needs to match Linear's aesthetic. It enforces design constraints for dark mode, typography, spacing, borders, layout, components, and interactive states.
Yes, the Linear UI design skill provides specific guidelines for interactive states, interaction patterns, animation, and performance optimization. These constraints ensure visual consistency and adherence to the design system.
The best way to ensure visual consistency in Linear-inspired interfaces is to apply opinionated constraints for colors, typography, spacing, borders, and layout. This skill enforces a 4px grid, Inter font, and dark mode to achieve a professional look.
Your interface may lack consistency if it does not adhere to a 4px grid system, defined Inter typography styles, and specific dark mode color guidelines. Applying these opinionated design constraints ensures borders, layout, and components match Linear's aesthetic.
physicx594Provide ready-to-use Tailwind CSS patterns for responsive layouts and UI components.
nayyirahsanPlan and implement animations and micro-interactions for web and mobile interfaces.
xiaobuliukunProvides semantic theming and styling for Tailwind-based apps.
MadAppGangProvide design system references for UI review tasks.
