Skills
.Work. You
Rest

naive-ui-design-typography

Community

Explain Naive UI typography rules.

Design & Creative#typography#design-system#css-variables#header#font-family#naive-ui#text-styles
Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Naive UI typography design specs provide a centralized guide to ensure consistent font families, sizes, line-heights, and header styles across Naive UI components for better readability and design coherence.

Core Features & Use Cases

  • Standard font-family stacks for cross-platform consistency
  • Standardized font sizes, weights, and line-heights
  • Predefined header and text components usage guidelines
  • Use Case: apply typography rules to a product page to achieve consistent typography across sections

Quick Start

Import and apply the typography design system to your Naive UI project by loading the CSS variables and typography components for consistent styling.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: naive-ui-design-typography
Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#naive-ui-design-typography

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.