What kind of projects is this skill best for?

It is best suited for complex web applications, admin dashboards, and developer tools that require a clean, 'Jony Ive-level' precision aesthetic.

What is the Lingx Frontend Design skill?

It is a specialized Claude Code capability that provides domain-specific guidance and implementation patterns for creating high-end, minimalist user interfaces.

Does this skill support Tailwind CSS v4?

Yes, it is specifically designed for Tailwind CSS v4 and enforces the latest syntax, such as using size-{n} instead of separate width and height classes.

What design philosophy does it follow?

It follows a philosophy of restraint and precision, creating a 'premium' feel through subtle depth, intentional color usage, and consistent spacing rather than decorative elements.

Can I use this for non-React projects?

While the design principles and CSS tokens are universal, the implementation patterns specifically reference React components and shadcn/ui structures.

Lingx Frontend Design System

Name: Lingx Frontend Design System
Author: VinniZP

byVinniZP

0•

デザインツール

Enforces a precise, minimal UI design system inspired by Linear and Stripe to create production-grade dashboards and admin interfaces.

The fe-design skill serves as a comprehensive design authority for building sophisticated, developer-focused interfaces. It mandates a specific aesthetic characterized by lavender-tinted backgrounds, geometric typography, and a strict 4px grid system. By providing specific Tailwind v4 tokens, component standards for buttons and forms, and refined animation guidelines, it ensures every UI element feels 'crafted' rather than generated. It is ideal for developers building management consoles, translation tools, or any interface where pixel-perfect precision and functional elegance are paramount.

主な機能

01Comprehensive palette of primary and semantic color tokens

020 GitHub stars

03Strict 4px grid and Tailwind v4 spacing enforcement

04Built-in entry animations and transition patterns for professional UI

05Standardized component specs for buttons, inputs, and 'islands'

06Typography hierarchy optimized for Geist and Geist Mono fonts

ユースケース

01Refactoring generic UI components into premium, minimalist design patterns

02Building high-density developer dashboards and administrative panels

03Implementing consistent multi-language translation management interfaces

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add vinnizp/lingx fe-design

For use in Claude.ai and ChatGPT

Download Skill