用途：为 Activepieces（开源 AI 自动化平台，用户用 280+ 个 piece 组装触发器与动作形成自动化流程，每个 piece 同时是 MCP 服务器）设计、原型或构建 UI 时使用。
主要能力：提供完整设计规范与可复用资产。README.md 为权威参考；colors_and_type.css 提供颜色、字体、圆角、阴影、间距、字号阶梯等 CSS 令牌；fonts/ 含 Inter 400–800 与 Sentient-Variable.woff2（展示用替代字体，产品 UI 不用）；assets/ 含品牌 logo（紫色 #8142E3）、piece 图标与 MCP/代码字形；preview/ 为约 700px 宽的设计系统卡片；ui_kits/web/ 是 Web 应用高保真复刻，含 Flows 仪表盘、Builder（点状画布+步骤面板）、Runs 表格、Connections 列表、Ask AI 聊天浮层，支持明暗模式；insights/ 为交互式 Insights 页，含 Sparkline、折线图、柱状图、环形图、热力图等图表原语，提供 Classic 与 Editorial 两种布局。
使用方式：先读 README.md；在每个 HTML 文件导入 colors_and_type.css；加载 Inter 与 Lucide（CDN 或内联 SVG）。构建 Web 应用界面时以 ui_kits/web/index.html 为起点复制组件，使用 ap-* 类名体系，无需构建步骤。生产 React 代码用 Tailwind v4 + Shadcn 与 cn()。
关键规则：主色为紫色 hsl(257 74% 57%) / #8142E3，暗色模式也保持紫色；正文 14px；句首大写；仅用 Lucide 图标（1.5–2px 描边，默认 16px）；边框 1px；卡片默认无阴影；悬停仅加深不缩放；焦点环 3px；禁用态 opacity 0.5。
限制：Figma 中的 #9747FF 与仓库暗色模式蓝色主色均不采用；Sentient 字体仅用于品牌探索；Pro-Blocks Figma 页面仅为 Shadcn 模板参考；仓库中 packages/web 是唯一发布 UI 界面，无营销站代码。