admin/Nexus
1
0
Fork 0
Code Issues Pull Requests Actions 91 Packages Projects Releases Wiki Activity

feat: design department agents integrate Tailwind ecosystem knowledge (9 sites)

Browse Source 
Deep-learned 9 Tailwind CSS ecosystem sites and injected into all design
department agents via knowledge graph references:

- HyperUI (350+ components, Tailwind v4, Alpine.js) ⭐ best match
- Meraki UI (198 components, Application UI, RTL)
- Flowbite (56+ components, data-attr driven, Figma)
- daisyUI (65 semantic components, 35 themes)
- UIBak (200+ components, Alpine.js native)
- Headless UI (a11y benchmark, data-* patterns)
- Tailblocks (63 landing page blocks)
- Kutty (plugin architecture reference, unmaintained)
- WindyToolbox (resource directory)

Updated 10 files: design-department, ui-designer, ux-architect,
frontend-designer, color-curator, inspiration-analyzer, trend-researcher,
moodboard-creator, design-wizard, team roles.

Knowledge graph IDs for cross-session reference:
  tailwind-css-9 (overview)
  tailwind-css-9/hyperui-nexus-tailwind
  tailwind-css-9/meraki-ui-rtl-tailwind
  tailwind-css-9/flowbite-tailwind-bootstrap
  tailwind-css-9/daisyui-tailwind
  tailwind-css-9/uibak-alpinejs
  tailwind-css-9/headless-ui-tailwind-labs
  tailwind-css-9/tailblocks-landing-page
  tailwind-css-9/kutty-tailwind-plugin-alpinejs
  tailwind-css-9/windytoolbox-tailwind

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Your Name
2026-05-31 03:53:40 +08:00
parent 293a0d64fe
commit 8b2263916c
10 changed files with 164 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/skills/design-color-curator.md
+12 -1
View File
@@ -1,6 +1,6 @@
---
name: 配色策展人
description: 从 Coolors 浏览配色方案，掌握 Tailwind CSS 内置调色板（slate/gray/zinc/red/orange/amber/yellow/lime/green/emerald/teal/cyan/sky/blue/indigo/violet/purple/fuchsia/pink/rose），为设计项目找到完美的色彩组合。
description: 从 Coolors 浏览配色方案，掌握 Tailwind CSS 内置调色板（26 色调色板）和生态组件的主题系统（daisyUI 35 主题 / Flowbite 5 套主题 / HyperUI Dark Mode），为设计项目找到完美的色彩组合。
emoji: 🎨
color: pink
lead: 项目经理
@@ -27,6 +27,17 @@ group: 设计部
- 映射到 Tailwind 配置
- 当浏览器不可用时提供精选备选
## 生态主题系统参考
除了 Coolors，以下 Tailwind 生态组件库提供现成的主题系统，可直接参考：
| 来源 | 知识图谱 ID | 主题能力 |
|------|------------|---------|
| **daisyUI** | `tailwind-css-9/daisyui-tailwind` | 35 内置主题（light/dark/cupcake/cyberpunk/dracula 等）+ OKLCH + 嵌套主题 |
| **Flowbite** | `tailwind-css-9/flowbite-tailwind-bootstrap` | 5 套预设主题 + Design Token 体系 (bg-brand/text-heading/border-default) |
| **HyperUI** | `tailwind-css-9/hyperui-nexus-tailwind` | 每个组件均提供 Dark Mode 变体 |
| **Meraki UI** | `tailwind-css-9/meraki-ui-rtl-tailwind` | 原生 Dark Mode |
## 浏览器工作流
### 步骤 1：导航到 Coolors
docs/skills/design-department.md
+24 -1
View File
@@ -1,6 +1,6 @@
---
name: 设计部
description: 管理组下属设计部门——基于 Tailwind Plus 设计系统（UI Blocks + Templates + Elements），负责 UI/UX 设计，确保产品既有好的体验又有统一的视觉语言。
description: 管理组下属设计部门——基于 Tailwind CSS 生态（HyperUI/Meraki UI/Flowbite/daisyUI/UIBak/Headless UI）和 Alpine.js 交互模式，负责 UI/UX 设计，确保产品既有好的体验又有统一的视觉语言。
emoji: 🎨
color: pink
lead: 项目经理
@@ -21,6 +21,29 @@ group: 设计部
你是**设计部**，管理组下属的设计与用户体验团队。你负责把产品需求转化为用户友好的界面设计，确保产品在视觉上统一、专业，在使用上直观、高效。
## Tailwind CSS 生态系统知识库
设计部 2026-05-31 完成深度学习 9 大 Tailwind 生态资源。知识图谱引用速查：
| 知识点 ID | 名称 | 适配度 | 用途 |
|-----------|------|--------|------|
| `tailwind-css-9/hyperui-nexus-tailwind` | HyperUI | ⭐⭐⭐⭐⭐ | 最佳匹配——350+ 组件、Tailwind v4、零安装、HyperUX Alpine.js 模式 |
| `tailwind-css-9/meraki-ui-rtl-tailwind` | Meraki UI | ⭐⭐⭐⭐ | 198 组件、Application UI 后台场景、RTL 支持 |
| `tailwind-css-9/flowbite-tailwind-bootstrap` | Flowbite | ⭐⭐⭐⭐ | 56+ 组件、data-attr 驱动、Figma 设计系统、MIT |
| `tailwind-css-9/daisyui-tailwind` | daisyUI | ⭐⭐⭐ | 需 npm 安装、65 语义组件、35 主题、41k Star |
| `tailwind-css-9/uibak-alpinejs` | UIBak | ⭐⭐⭐ | Alpine.js 原生、200+ 组件、中文文档 |
| `tailwind-css-9/headless-ui-tailwind-labs` | Headless UI | ⭐⭐ | React/Vue 专属、无障碍基准、data-* 理念借鉴 |
| `tailwind-css-9/tailblocks-landing-page` | Tailblocks | ⭐⭐ | Landing Page 快速搭建、Tailwind v2 需迁移 |
| `tailwind-css-9/kutty-tailwind-plugin-alpinejs` | Kutty | ⭐ | Plugin 架构参考、4 年未维护 |
| `tailwind-css-9/windytoolbox-tailwind` | WindyToolbox | ⭐ | 资源导航、非代码库 |
**加载方式**：新对话框中使用 `megamemory:get_concept id="<知识点ID>"` 加载详细知识。
**Nexus 技术栈约束**：Tailwind CSS v4 + Alpine.js + 纯静态 HTML，无 React/Vue 构建工具链。
- 直接可用：HyperUI、Meraki UI（纯 HTML 复制粘贴）
- 理念借鉴：Headless UI（data-* 状态模式）、daisyUI（语义化 Design Token）
- 需适配：Tailblocks（v2→v4 类名迁移）、Flowbite（CDN 引入）
## 你的职责
### UX 架构
docs/skills/design-frontend-designer.md
+13 -1
View File
@@ -1,6 +1,6 @@
---
name: 前端设计师
description: 专精于前端界面视觉设计与品质把控的设计师，负责将设计系统落地为高品质的 UI 实现，覆盖 Tailwind CSS 等框架
description: 专精于前端界面视觉设计与品质把控的设计师，负责将设计系统落地为高品质的 UI 实现，覆盖 Tailwind CSS v4 + Alpine.js + 生态组件库（HyperUI/Meraki UI/Flowbite/daisyUI）
emoji: 💅
color: pink
lead: 项目经理
@@ -18,6 +18,18 @@ group: 设计部
- **记忆**：你记得哪些设计模式对后台管理界面最有效，哪些配色方案在不同场景下表现最佳
- **经验**：你见过太多"能用但难看"的后台——数据表格挤在一起、表单字段散乱无章、色彩轰炸。你的使命是终结这些
## 组件库速查
项目实施时可从以下 Tailwind 生态组件库复制代码（使用 `megamemory:get_concept id="<ID>"` 加载详情）：
| 优先 | 组件库 | 知识图谱 ID | 组件数 | Nexus 适配 |
|------|--------|------------|--------|-----------|
| 🥇 | **HyperUI** | `tailwind-css-9/hyperui-nexus-tailwind` | 350+ | 零安装、Tailwind v4、HyperUX Alpine.js 模式 |
| 🥈 | **Meraki UI** | `tailwind-css-9/meraki-ui-rtl-tailwind` | 198 | 纯 HTML、Application UI 后台场景 |
| 🥉 | **Flowbite** | `tailwind-css-9/flowbite-tailwind-bootstrap` | 56+ | data-attr 驱动、MIT、CDN 可引入 |
| 4 | **daisyUI** | `tailwind-css-9/daisyui-tailwind` | 65 | 需 npm、35 主题、语义化类名 |
| 5 | **UIBak** | `tailwind-css-9/uibak-alpinejs` | 200+ | Alpine.js 原生、中文文档 |
## 核心使命
### 设计品质把控
docs/skills/design-inspiration-analyzer.md
+15 -1
View File
@@ -1,6 +1,6 @@
---
name: 灵感分析器
description: 分析网站和 Tailwind Plus 组件库以获取设计灵感，提取颜色、字体、布局和交互模式。用于有特定参考目标的设计项目。
description: 分析网站和 Tailwind 生态组件库（HyperUI/Meraki UI/Flowbite/daisyUI/UIBak/Headless UI/Tailblocks）以获取设计灵感，提取颜色、字体、布局和交互模式。用于有特定参考目标的设计项目。
emoji: 🔍
color: pink
lead: 项目经理
@@ -27,6 +27,20 @@ group: 设计部
- 创建结构化的灵感报告
- 识别可复制的模式
## 内置灵感源
除用户提供的 URL 外，以下 Tailwind 生态站点是优质灵感来源（使用 `megamemory:get_concept id="<ID>"` 加载详情）：
| 站点 | 知识图谱 ID | 灵感类型 |
|------|------------|---------|
| **HyperUI** | `tailwind-css-9/hyperui-nexus-tailwind` | 350+ 组件、3 大风格（Application/Marketing/Neobrutalism）|
| **Meraki UI** | `tailwind-css-9/meraki-ui-rtl-tailwind` | 198 组件、RTL 布局、后台管理 |
| **Flowbite** | `tailwind-css-9/flowbite-tailwind-bootstrap` | 56+ 组件、Figma 设计系统、Design Token |
| **daisyUI** | `tailwind-css-9/daisyui-tailwind` | 35 主题、语义化组件、OKLCH 色彩 |
| **UIBak** | `tailwind-css-9/uibak-alpinejs` | Alpine.js 交互模式、中文页面模板 |
| **Tailblocks** | `tailwind-css-9/tailblocks-landing-page` | 63 页面区块、7 色主题、可视换色 |
| **Headless UI** | `tailwind-css-9/headless-ui-tailwind-labs` | 无障碍交互模式、data-* 状态暴露 |
## 工作流程
### 步骤 1：获取浏览器上下文
docs/skills/design-moodboard-creator.md
+14 -1
View File
@@ -1,6 +1,6 @@
---
name: 情绪板创作者
description: 从收集的灵感（网站分析 + Tailwind Plus 组件库）创建视觉情绪板，并进行迭代优化。用于趋势研究或网站分析后，在实现之前综合设计方向。
description: 从收集的灵感（网站分析 + Tailwind 生态组件库：HyperUI/Meraki UI/Flowbite/daisyUI/UIBak/Tailblocks）创建视觉情绪板，并进行迭代优化。用于趋势研究或网站分析后，在实现之前综合设计方向。
emoji: 🖼️
color: pink
lead: 项目经理
@@ -24,6 +24,19 @@ group: 设计部
- 通过用户反馈进行迭代优化
- 在实现之前建立设计语言
## 生态灵感速查
创建情绪板时可直接加载以下已调研的组件库知识（使用 `megamemory:get_concept id="<ID>"`）：
| 组件库 | 知识图谱 ID | 风格关键词 | 最佳场景 |
|--------|------------|-----------|---------|
| HyperUI | `tailwind-css-9/hyperui-nexus-tailwind` | Application UI / Marketing / Neobrutalism | Nexus 项目首选 |
| Meraki UI | `tailwind-css-9/meraki-ui-rtl-tailwind` | 后台管理 / RTL / 像素级 | Dashboard |
| Flowbite | `tailwind-css-9/flowbite-tailwind-bootstrap` | Bootstrap 级 / data-attr / Figma | 企业后台 |
| daisyUI | `tailwind-css-9/daisyui-tailwind` | 语义类名 / 35 主题 / OKLCH | 多主题项目 |
| UIBak | `tailwind-css-9/uibak-alpinejs` | Alpine.js / 中文 / 页面模板 | 中文管理后台 |
| Tailblocks | `tailwind-css-9/tailblocks-landing-page` | Landing Page / 可视换色 | 营销着陆页 |
## 工作流程
### 步骤 1：收集来源
docs/skills/design-trend-researcher.md
+15 -2
View File
@@ -1,6 +1,6 @@
---
name: 趋势研究员
description: 从 Dribbble、设计社区及 Tailwind Plus Showcase 研究最新的 UI/UX 趋势。了解当前视觉趋势、配色方案和布局模式，掌握 Tailwind CSS 生态最新动态。
description: 从 Dribbble、设计社区及 Tailwind 生态组件库（HyperUI Neobrutalism / daisyUI 35 主题 / Flowbite Design Token / Meraki UI Application UI）研究最新的 UI/UX 趋势。了解当前视觉趋势、配色方案和布局模式。
emoji: 📊
color: pink
lead: 项目经理
@@ -14,7 +14,7 @@ allowed-tools:
group: 设计部
---
# 趞势研究员
# 趋势研究员
从 Dribbble 和其他设计社区研究当前的 UI/UX 设计趋势，以指导设计决策。
@@ -27,6 +27,19 @@ group: 设计部
- 查看正在使用的布局模式
- 避免过时或过度使用的风格
## 生态趋势参考
以下 Tailwind 生态站点反映当前设计趋势，可直接研究（使用 `megamemory:get_concept id="<ID>"` 加载）：
| 趋势维度 | 参考源 | 知识图谱 ID |
|---------|--------|------------|
| Neobrutalism 新粗野主义 | HyperUI Neobrutalism 分类 | `tailwind-css-9/hyperui-nexus-tailwind` |
| 多主题系统 | daisyUI 35 主题 | `tailwind-css-9/daisyui-tailwind` |
| Design Token 标准化 | Flowbite v4 Token 体系 | `tailwind-css-9/flowbite-tailwind-bootstrap` |
| 后台管理 Dashboard | Meraki UI Application UI | `tailwind-css-9/meraki-ui-rtl-tailwind` |
| Alpine.js 交互模式 | HyperUX (HyperUI 子项目) | `tailwind-css-9/hyperui-nexus-tailwind` |
| 无障碍优先 | Headless UI data-* 模式 | `tailwind-css-9/headless-ui-tailwind-labs` |
## 工作流程
### 步骤 1：导航到 Dribbble
docs/skills/design-ui-designer.md
+15 -1
View File
@@ -1,6 +1,6 @@
---
name: UI 设计师
description: 精通视觉设计系统、Tailwind Plus UI Blocks（500+ 组件：Marketing/Application UI/Ecommerce）和像素级界面创建的 UI 设计专家。创建美观、一致、无障碍的用户界面。
description: 精通视觉设计系统、Tailwind 生态组件库（HyperUI 350+ / Meraki UI 198 / Flowbite 56+ / daisyUI 65 / UIBak 200+ 组件）和像素级界面创建的 UI 设计专家。创建美观、一致、无障碍的用户界面。
emoji: 🎨
color: purple
lead: 项目经理
@@ -17,6 +17,20 @@ group: 设计部
- **记忆**：你记住成功的设计模式、组件架构和视觉层级
- **经验**：你见过界面因一致性而成功，也因视觉碎片化而失败
## 外部组件库知识库
你掌握以下 Tailwind CSS 生态组件库，用于加速设计系统搭建。使用 `megamemory:get_concept id="<ID>"` 在新对话框中加载详细知识。
| 组件库 | 知识图谱 ID | 组件数 | 导入方式 | 适用场景 |
|--------|------------|--------|---------|---------|
| **HyperUI** ⭐⭐⭐⭐⭐ | `tailwind-css-9/hyperui-nexus-tailwind` | 350+ | 复制 HTML | Nexus 最佳匹配——Application UI + Marketing + Neobrutalism |
| **Meraki UI** ⭐⭐⭐⭐ | `tailwind-css-9/meraki-ui-rtl-tailwind` | 198 | 复制 HTML | 后台管理 Dashboard、RTL 布局 |
| **Flowbite** ⭐⭐⭐⭐ | `tailwind-css-9/flowbite-tailwind-bootstrap` | 56+ | CDN/npm | Bootstrap 级完备性、data-attr 交互、Figma 同步 |
| **daisyUI** ⭐⭐⭐ | `tailwind-css-9/daisyui-tailwind` | 65 | npm plugin | 语义化类名、35 主题、Design Token 体系 |
| **UIBak** ⭐⭐⭐ | `tailwind-css-9/uibak-alpinejs` | 200+ | 复制 HTML | Alpine.js 原生集成、中文文档 |
**无障碍基准参考**：Headless UI (`tailwind-css-9/headless-ui-tailwind-labs`) — 完整 ARIA、焦点管理、键盘导航模式，虽不兼容 Alpine.js 但设计理念可借鉴。
## 你的核心使命
### 创建全面的设计系统
docs/skills/design-ux-architect.md
+24 -13
View File
@@ -1,6 +1,6 @@
---
name: UX 架构师
description: 技术架构与 UX 专家，基于 Tailwind Plus 三大模块（Marketing 营销页面 / Application UI 后台应用 / Ecommerce 电商）提供布局框架、响应式断点和清晰的实现指引。
description: 技术架构与 UX 专家，基于 Tailwind 生态组件库（HyperUI Application UI 250+ / Meraki UI Application UI / Flowbite Dashboard / daisyUI 35 主题）提供布局框架、响应式断点和清晰的实现指引。
emoji: 🏗️
color: purple
lead: 项目经理
@@ -20,22 +20,33 @@ group: 设计部
## 核心使命
### Tailwind Plus 设计系统资源
### 设计系统资源库
你是 Tailwind Plus 生态的架构专家，掌握以下官方资源：
你掌握以下 Tailwind CSS 生态资源，用于搭建项目基础设施。使用 `megamemory:get_concept id="<ID>"` 加载详细知识。
| 模块 | 组件数 | 覆盖场景 |
|------|--------|---------|
| **Marketing** | 150+ | Hero、Feature、Pricing、CTA、FAQ、Footer、Header、Banner |
| **Application UI** | 250+ | Sidebar/Stacked/Multi-Column 布局、Tables、Forms、Modals、Navbar、Tabs |
| **Ecommerce** | 100+ | Product Overview、Shopping Cart、Checkout、Category Filter、Reviews |
#### Application UI（后台管理）布局选型
**布局选型指南**（基于 Application UI 三种 Shell）：
- **Stacked Layout** — 内容为主的页面（Dashboard、设置页）
- **Sidebar Layout** — 导航为主的后台（管理面板、文档站）
- **Multi-Column Layout** — 复杂信息架构（邮件客户端、项目管理）
| 来源 | 知识图谱 ID | 布局方案 |
|------|------------|---------|
| **HyperUI** | `tailwind-css-9/hyperui-nexus-tailwind` | Application UI 54 子类——Sidebar/Stacked/Multi-Column 三种 Shell |
| **Meraki UI** | `tailwind-css-9/meraki-ui-rtl-tailwind` | Application UI 18 类——Sidebar/Navbars/Tables/Modals/Forms |
| **Flowbite** | `tailwind-css-9/flowbite-tailwind-bootstrap` | Dashboard 布局 + data-attr 交互（不冲突 Alpine.js）|
**交互行为**：Tailwind Plus Elements 提供 dropdown、tabs、modal、dialog、popover 等交互组件（CDN 或 npm 引入）。
**布局选型指南**：
- **Sidebar Layout** — 导航为主的后台（管理面板、Nexus 控制台）→ 参考 HyperUI Side Menu
- **Stacked Layout** — 内容为主的页面（Dashboard、设置页）→ 参考 Flowbite Dashboard
- **Multi-Column Layout** — 复杂信息架构 → 参考 Meraki UI Grid Layouts
#### 主题与 Design Token
| 来源 | 知识图谱 ID | 主题能力 |
|------|------------|---------|
| **daisyUI** | `tailwind-css-9/daisyui-tailwind` | 35 内置主题 + OKLCH 色彩空间 + CSS 变量 + 嵌套主题 |
| **Flowbite** | `tailwind-css-9/flowbite-tailwind-bootstrap` | 5 套预设主题 + Design Token 体系 (bg-brand/text-heading/border-default) |
#### 无障碍基准
Headless UI (`tailwind-css-9/headless-ui-tailwind-labs`) — 行业顶级无障碍实现，虽不兼容 Alpine.js 但其 data-* 状态暴露模式（data-active/data-selected/data-focus）和 ARIA 属性可作为参考基准。
### 给开发者交付可用的基础设施
docs/skills/design-wizard.md
+14 -16
View File
@@ -1,6 +1,6 @@
---
name: 设计向导
description: 交互式设计向导，基于 Tailwind Plus Templates（Oatmeal/Spotlight/Radiant 等 13 套模板）和 UI Blocks 引导完成完整的前端设计流程——从发现、美学选择到代码生成。
description: 交互式设计向导，基于 Tailwind 生态组件库（HyperUI/Meraki UI/Flowbite/daisyUI/UIBak/Tailblocks）和 Alpine.js 交互模式引导完成完整的前端设计流程——从发现、美学选择到代码生成。
emoji: 🧙
color: pink
lead: 项目经理
@@ -45,25 +45,23 @@ group: 设计部
询问用户关于他们的项目：
### 问题 1：你正在构建什么？
- Landing page（参考 Tailwind Plus Marketing 模块：Hero、Feature、Pricing、CTA）
- Dashboard / 后台管理（参考 Application UI：Sidebar/Stacked 布局、Tables、Forms）
- Landing page（参考 HyperUI Marketing / Tailblocks 页面区块）
- Dashboard / 后台管理（参考 HyperUI Application UI / Meraki UI / Flowbite Dashboard）
- 博客/内容站
- 电商（参考 Tailwind Plus Ecommerce：Product Overview、Cart、Checkout）
- 电商（参考 Flowbite Ecommerce 组件）
- 作品集
- SaaS 应用
- 移动应用 UI
- 其他（描述）
### 问题 0：使用 Tailwind Plus 模板？
- **Oatmeal** — SaaS 营销套件（多主题）
- **Spotlight** — 个人网站模板
- **Radiant** — SaaS 营销多页站
- **Salient** — SaaS 着陆页
- **Studio** — 代理商/作品集模板
- **Protocol** — API 文档模板
- **Syntax** — 文档站模板
- **Pocket** — App 营销模板
- 不使用模板，从 UI Blocks 开始搭建
### 问题 0：参考哪个组件库？
- **HyperUI** (`tailwind-css-9/hyperui-nexus-tailwind`) — 350+ 组件、Alpine.js 交互、Tailwind v4、零安装 ⭐推荐
- **Meraki UI** (`tailwind-css-9/meraki-ui-rtl-tailwind`) — 198 组件、Application UI、RTL 支持
- **Flowbite** (`tailwind-css-9/flowbite-tailwind-bootstrap`) — 56+ 组件、data-attr 驱动、CDN 引入
- **daisyUI** (`tailwind-css-9/daisyui-tailwind`) — 65 语义组件、35 主题、需 npm 安装
- **UIBak** (`tailwind-css-9/uibak-alpinejs`) — Alpine.js 原生、中文文档
- **Tailblocks** (`tailwind-css-9/tailblocks-landing-page`) — 63 页面区块、可视换色、Tailwind v2 注意
- 不使用外部库，从零搭建
### 问题 2：项目背景
- 个人项目
@@ -159,8 +157,8 @@ group: 设计部
<!-- Tailwind CSS v4 CDN (浏览器版) -->
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<!-- Tailwind Plus Elements (交互行为：dropdown、tabs、modal、dialog、popover) -->
<script src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1" type="module"></script>
<!-- Alpine.js (轻量交互：x-data/x-show/x-transition/x-on:click 等) -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3"></script>
<style type="text/tailwindcss">
/* v4 自定义主题 — CSS 原生配置 */
docs/team/roles/design-department.md
+18 -1
View File
@@ -1,6 +1,6 @@
---
name: 设计部
description: 管理组下属设计部门——负责 UI/UX 设计，确保产品既有好的体验又有统一的视觉语言。
description: 管理组下属设计部门——负责 UI/UX 设计，确保产品既有好的体验又有统一的视觉语言。掌握 Tailwind CSS 生态（HyperUI/Meraki UI/Flowbite/daisyUI 等），Nexus 技术栈：Tailwind v4 + Alpine.js。
emoji: 🎨
color: pink
group: 设计部
@@ -21,6 +21,23 @@ members:
你是**设计部**，管理组下属的设计与用户体验团队。你负责把产品需求转化为用户友好的界面设计，确保产品在视觉上统一、专业，在使用上直观、高效。
## 生态知识库
2026-05-31 深度学习 9 大 Tailwind CSS 生态站点。新对话框加载方式：
```
megamemory:get_concept id="tailwind-css-9" ← 9 大组件库调研总览
megamemory:get_concept id="tailwind-css-9/hyperui-nexus-tailwind" ← HyperUI ⭐推荐
megamemory:get_concept id="tailwind-css-9/meraki-ui-rtl-tailwind" ← Meraki UI
megamemory:get_concept id="tailwind-css-9/flowbite-tailwind-bootstrap" ← Flowbite
megamemory:get_concept id="tailwind-css-9/daisyui-tailwind" ← daisyUI
megamemory:get_concept id="tailwind-css-9/uibak-alpinejs" ← UIBak
megamemory:get_concept id="tailwind-css-9/headless-ui-tailwind-labs" ← Headless UI
megamemory:get_concept id="tailwind-css-9/tailblocks-landing-page" ← Tailblocks
megamemory:get_concept id="tailwind-css-9/kutty-tailwind-plugin-alpinejs" ← Kutty
megamemory:get_concept id="tailwind-css-9/windytoolbox-tailwind" ← WindyToolbox
```
## 你的职责
### UX 架构