简介

Dangoui 是一个单仓多出口的设计系统，核心目标是原型即上线。

任何人自然语言描述需求
    ↓
Demo HTML 生成（AI 参考 CLAUDE.md 理解上下文，由 Jcoelyn 维护）←───────┐
    ↑                                                             │飞轮效应：Demo促进设计系统完善，反哺 Demo
产品周会评审                                                        │
    ↓                                                             │
定稿设计精调（Figma 插件导回）                                        │
    ↓                                                             │
AI 翻译（figma-to-code 把 Figma 设计稿准确翻译成生产代码，由曾书伟维护）  │
    ↓                                                             │
Dangoui 组件库 ←───────────────────────────────────────────────────┘
    ↓
生产代码上线

三层结构：

• Token — Color/Typography/Icon/Spacing/Radius/Shadow
• Component — 原子分子组件（Button/Tabs/NavBar）
• Business — 业务组件（Grid/Header/Feed）+ 布局 + Slots

特性

• 多平台兼容，uni-app 小程序、Web 都可以使用
• 默认就很好看，业务上久经考验
• 🚧 易于扩展主题，满足定制需求（开发中）
• 三层结构：Token → Component → Business，代码与设计稿无缝衔接

技术栈

• 文档站: Nuxt 3 + Nuxt Content + UnoCSS
• 组件库: Vue 3 + TypeScript
• 设计 Token: dangoui-design-token + uno-preset-echo

快速上手

请阅读 快速上手 这一章节

贡献

请阅读 贡献指南 这一章节