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

デザインツール

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.

主な機能

Sophisticated depth strategies using layered shadows and borders
Strict 4px base grid enforcement for all spacing
Consistent padding and border-radius logic
Standardized typography hierarchy and monospace data rules
0 GitHub stars
Context-aware design personalities (Precision, Warmth, Trust, Boldness)

ユースケース

Building high-density SaaS dashboards and admin panels
Developing enterprise-grade financial or data-heavy tools
Creating 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

Download Skill

GitHub

概要