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

デザインツール

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.

主な機能

Comprehensive palette of primary and semantic color tokens
0 GitHub stars
Strict 4px grid and Tailwind v4 spacing enforcement
Built-in entry animations and transition patterns for professional UI
Standardized component specs for buttons, inputs, and 'islands'
Typography hierarchy optimized for Geist and Geist Mono fonts

ユースケース

Refactoring generic UI components into premium, minimalist design patterns
Building high-density developer dashboards and administrative panels
Implementing consistent multi-language translation management interfaces

概要

主な機能

Comprehensive palette of primary and semantic color tokens
0 GitHub stars
Strict 4px grid and Tailwind v4 spacing enforcement
Built-in entry animations and transition patterns for professional UI
Standardized component specs for buttons, inputs, and 'islands'
Typography hierarchy optimized for Geist and Geist Mono fonts

ユースケース

Refactoring generic UI components into premium, minimalist design patterns
Building high-density developer dashboards and administrative panels
Implementing consistent multi-language translation management interfaces