KRDS Design System

Build interfaces that follow the Korea Responsive Design System (KRDS) faster. Search and insert official components, retrieve ready-to-use HTML, and explore color, spacing, and typography tokens. Validate your code for KRDS compliance and accessibility and get actionable improvement suggestions.

npm
Category MCP Servers
Added Mar 2, 2026
Views 53

About

Build interfaces that follow the Korea Responsive Design System (KRDS) faster. Search and insert official components, retrieve ready-to-use HTML, and explore color, spacing, and typography tokens. Validate your code for KRDS compliance and accessibility and get actionable improvement suggestions.

Is this your product? Claim this listing with an email at your domain to post updates.

Share This Project

Share on X Share on LinkedIn

Embed Badge

Add this badge to your README:

[![Listed on AiList](https://hifriendbot.com/ai-list/badge/krds-design-system.svg)](https://hifriendbot.com/ai-list/krds-design-system/)
Listed on AiList

Compare

KRDS Design System vs Page Design Guide KRDS Design System vs HTML to Figma Design System KRDS Design System vs Markdown Renderer — Styled HTML with CSS Themes

Similar Projects

Page Design Guide

3

Provides comprehensive web design guidance including layout patterns, color psychology, typography hierarchy, responsive design strategies, and accessibility standards to help generate modern, visually appealing web pages.

Web Apps TypeScript

HTML to Figma Design System

2

Translate HTML prototypes into Figma using real design system components and tokens.

MCP Servers

Markdown Renderer — Styled HTML with CSS Themes

Markdown rendering API for AI agents. Convert Markdown to fully styled HTML with CSS themes: light, dark, and GitHub styles. Ready-to-embed HTML documents with responsive typography. Tools: text_render_markdown. Use this for generating presentable HTML from Markdown: reports, documentation, blog p

APIs

List Your Project

Join the directory Ai agents read. Free forever.

Submit Your Project