🔧

KRDS Design System

🔧MCP Server

re-rank/uiux-mcp

|

What it does

|

Provides an AI-integrated MCP server for searching, retrieving, and validating KRDS (Korea Responsive Design System) UI components, design tokens, and code guidelines for government digital services.

Overview

An MCP server for KRDS (Korea Responsive Design System), the official Korean government digital service design system. Provides AI-integrated component search, design token retrieval, and code validation through the Model Context Protocol.

Key Features

Search and retrieve 65+ KRDS HTML components by keyword or category
Design token management (colors, spacing, typography) with CSS/SCSS variables
HTML/CSS code validation against KRDS guidelines with accessibility checks
Resource file paths for CSS, SCSS, fonts, images, and JavaScript

Who is this for?

Korean government digital service developers and designers who need Claude to use official KRDS components and design tokens for building compliant public sector web applications.

remotehostedaicode

Installation

Claude CodeAuto-generated from README. View full documentation on GitHub →

claude mcp add krds-uiux -- node C:/Users/박호진/OneDrive/Desktop/UIUX MCP/build/index.js

Claude Desktop ConfigurationServer configuration (JSON)

{
  "mcpServers": {
    "krds-uiux": {
      "command": "node",
      "args": ["...

8,803

Last UpdatedOct 28, 2025