Skills
.Work. You
Rest

krds-style

Community

Create consistent, accessible KRDS UI.

Design & Creative#typography#accessibility#design-system#style-guide#color-tokens#elevation#krds
AuthorJiminLee-way
Version1.0.0
Installs0

System Documentation

What problem does it solve?

KRDS-style guidelines help teams implement a cohesive visual language across color, typography, layout, shapes, and elevation, reducing design drift in government digital services.

Core Features & Use Cases

  • Comprehensive token references for colors, typography, spacing, radii, and elevation used in KRDS
  • High-contrast and accessibility guidelines ensuring legible UI in diverse environments
  • Design-system enablement: standardizes UI components and layout decisions for cross-platform consistency

Quick Start

Import and apply the KRDS tokens from node_modules/krds-uiux/resources/css/token/krds_tokens.css and follow the documented scales for typography and spacing to start building KRDS-compliant interfaces.

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: krds-style
Download link: https://github.com/JiminLee-way/Awsome-KRDS-KoreaDesignSystem/archive/main.zip#krds-style

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.