ByteNoteByteNote
cult/ui - 面向设计工程师的开源 UI 组件库,内含 92+ AI Agent 模式

字节笔记本

2026年5月13日

cult/ui - 面向设计工程师的开源 UI 组件库,内含 92+ AI Agent 模式

API中转
¥120

本文介绍 cult/ui,一个面向设计工程师的组件库,提供可直接复制粘贴的可访问、可定制 UI 组件。完全免费开源,包含 92+ AI Agent 模式、6 个生产级启动模板和高级区块。

项目简介

cult/ui 是一个开源的 UI 组件库项目,由 nolly-studio 组织开发维护。截至目前,该项目在 GitHub 上已获得 4,350+ stars,主要使用 TypeScript 编写,采用 MIT 许可证。

cult/ui 的核心理念是让你构建自己的组件库——所有组件都可以复制粘贴到你的项目中,基于 Tailwind CSS 样式,完全兼容 shadcn/ui。

核心特性

1. 92+ AI Agent 模式

包含丰富的 AI 代理模式,支持实时交互预览:

  • 竞品研究 Agent - 输入竞品 URL 获取全面竞争情报
  • 数据分析 Agent - 上传 CSV/JSON 获得 AI 驱动的交互式分析
  • 可访问性审计 Agent - 审计网站 WCAG 2.1 合规性
  • 品牌设计 Agent - 从网站提取品牌设计系统
  • 表格编辑器 Artifact - 通过 AI 对话编辑表格数据
  • 图表生成 Artifact - 对话式生成交互式图表

2. 4 个全栈 Agent 模板

生产级模板,包含认证、支付、数据库和 AI 集成:

  • 电商多 Agent - 完整的 AI 电商助手,多 Agent 编排
  • AI Agent 平台 - 构建和部署 RAG Agent
  • 子 Agent 启动器 - 极简子 Agent 模板
  • 多租户聊天 SaaS - ChatGPT 风格 SaaS 聊天应用

3. Premium Cult Blocks(高级区块)

  • Gemini Flash 图像编辑器
  • 多步骤工具调用模式
  • Evaluator-Optimizer 模式
  • Orchestrator 编排模式
  • Routing 路由模式

4. 6 个启动模板

  • Logo GPT - AI Logo 生成平台
  • Directory - 自动化目录平台
  • Travel Stash - 离线旅行规划 PWA
  • Landing Page - 现代着陆页
  • Cult SEO - SEO 分析工具
  • Manifest - RAG 向量嵌入方案

技术栈

  • TypeScript - 主要开发语言
  • Tailwind CSS - 样式框架
  • shadcn/ui - 完全兼容
  • Next.js - 框架
  • AI SDK - AI Agent 集成
  • Drizzle ORM - 数据库
  • Stripe - 支付
  • Better Auth - 认证

安装和使用

直接将需要的组件复制粘贴到项目中使用,或通过 shadcn 安装:

bash
# 通过 shadcn 安装组件
pnpm dlx shadcn@latest add <component-name>

项目支持下载为完整的 Next.js 应用,或在 v0 中直接打开预览。

项目链接

分享: