Can I use this for data-heavy applications?

Absolutely. It includes specific principles for data visualization, including using tabular monospace fonts for numbers and IDs to ensure perfect alignment.

Does it provide guidance for dark mode?

Yes, it includes specific strategies for dark interfaces, such as prioritizing subtle borders over shadows and adjusting semantic colors for optimal contrast.

How does it handle layout spacing?

The skill enforces a strict 4px base grid system for all dimensions, ensuring mathematical consistency across micro-spacing, component gaps, and section padding.

What design styles does this Claude Code skill support?

It supports multiple distinct personalities including Precision & Density, Warmth & Approachability, Sophistication & Trust, and Boldness & Clarity to fit different product contexts.

What icon library is recommended?

The skill recommends using Phosphor Icons for a consistent, professional look that clarifies rather than just decorates the interface.

Minimalist UI Design System

Name: Minimalist UI Design System
Author: nguyendinhquocx

bynguyendinhquocx

0•

Design Tools

Enforces high-precision, minimalist design principles inspired by Linear and Stripe to create polished SaaS and enterprise interfaces.

This skill provides a comprehensive framework for building sophisticated, professional user interfaces with a focus on Jony Ive-level precision. It guides Claude to adopt specific design personalities—ranging from high-density power user layouts to warm, approachable collaborative tools—while enforcing strict rules for 4px grid spacing, consistent typography, and intentional depth strategies. It is an essential tool for developers building dashboards, admin panels, or any web application where every pixel contributes to a cohesive, premium user experience.

Key Features

01Sophisticated depth strategies using layered shadows and borders

02Strict 4px base grid enforcement for all spacing

03Consistent padding and border-radius logic

04Standardized typography hierarchy and monospace data rules

050 GitHub stars

06Context-aware design personalities (Precision, Warmth, Trust, Boldness)

Use Cases

01Building high-density SaaS dashboards and admin panels

02Developing enterprise-grade financial or data-heavy tools

03Creating polished, modern web applications with a premium feel

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nguyendinhquocx/code-ai minimalist

For use in Claude.ai and ChatGPT