KRDS 设计系统 · 单个 md 文件
将韩国政府数字服务设计系统 KRDS 的设计令牌、组件标记、CSS 与 JS 整合进一个无外部依赖的 md 文件。复制或下载后即可直接交给 AI 助手使用。
政府设计系统 · 单个 MD 文件
韩国政府数字服务设计系统 KRDS的设计令牌、74 个组件，以及真正可运行的 CSS 与 JS（连图标和字体都已内置），全部装进这一份文档，无需任何外部文件。复制或下载后直接交给 AI 助手即可。
2.4MB 单个文件
74 种 组件
1,800+ 设计令牌
外部依赖 0 个
文件较大，复制可能需要几秒钟。
LIVE PREVIEW
实际效果预览
这是直接使用 md 文件中的 CSS、JS 与标记渲染出的真实画面。下方为 iframe，与本站样式完全隔离，标签页和折叠面板都可以直接点击试用。
政府已经做好了，为什么还要重做？
KRDS 已经通过 krds.go.kr 网站和 npm 包（krds-uiux）公开。但这两种形式都预设“由人阅读文档再手动写进代码”，或“安装软件包并接入构建流程”。
在 AI 时代，瓶颈出现在别处。想让 Claude 或 Cursor 这样的 AI 助手“按这个设计系统做界面”，与其给它散落在多个页面和文件里的文档， 一个能整个放进上下文窗口的文件要好用得多。
于是把令牌、组件标记、CSS 与 JS 合并为一个文件，并把 91 个图标和字体都以 base64 内联，重新整理成 “只要把这一个文件放进项目就行”的形式。
1
复制或下载用上方按钮获取完整的 md 文件。
2
保存到项目中例如：
DESIGN.md 或 docs/krds.md。
3
交给 AI说一句“按这份文档做 UI”就搞定了。
原始出处
本文档中的设计令牌、组件标记、图标与字体，原作均为
大韩民国行政安全部（Ministry of the Interior and Safety）制作的
KRDS(Korea Design System)。
- · 官方网站 — krds.go.kr
- · GitHub 原始仓库 — github.com/KRDS-uiux/krds-uiux
- · 版权政策 — krds.go.kr 版权页面
本页面与 md 文件是 BellRiver Lab 为方便开发而非官方整理的二次资料，并非由韩国政府或行政安全部制作或正式认可，与任何政府机构均无关联。