KRDS UI/UX

About

Empower your AI assistant with the full capabilities of the KRDS (Korea Responsive Design System). This MCP server acts as a bridge, allowing AI to search and retrieve over 65 KRDS HTML components, manage design tokens like colors and spacing, validate existing code against KRDS guidelines for accessibility and semantics, and provide essential resource information for seamless integration. It's designed to accelerate the development of digital government services by making the official KRDS design system directly accessible and actionable through conversational AI.

Key Features

• Provide resource file paths (CSS, SCSS, fonts, images) and usage instructions.
• Validate HTML/CSS code against KRDS guidelines, check accessibility, and suggest improvements.
• Manage and provide KRDS design tokens (colors, spacing, typography) in CSS/SCSS variable format.
• Integrates with AI assistants like Claude Desktop and Cursor via Model Context Protocol (MCP).
• Search and provide over 65 KRDS HTML components with code snippets, filterable by category.
• 0 GitHub stars

Use Cases

• Quickly find and retrieve KRDS component HTML code using natural language commands to an AI assistant.
• Validate existing HTML/CSS code for compliance with KRDS standards and accessibility issues.
• Access and utilize KRDS design tokens and color palettes for consistent styling in development projects.