agentaily-ui

agentaily 生态 UI 组件库 · 基于 shadcn/ui · 零自定义 · 完全采用官方 init 默认主题。

仓库结构

agentaily-ui/
├── packages/
│   └── ui/              # @agentaily/ui · npm 发布包
└── apps/
    └── storybook/       # ui.agentaily.com · 公网 Storybook

安装

pnpm add @agentaily/ui

使用

import { Button } from "@agentaily/ui/components/button"

export default function App() {
  return <Button>Click me</Button>
}

详细组件用法见 ui.agentaily.com。

开发

pnpm install
pnpm storybook   # 本地起 Storybook
pnpm test        # vitest + storybook play() 交互测试
pnpm build       # 构建 packages/ui + storybook 静态站

发布

走 lefthook ship 阶段：

pnpm exec lefthook run ship
# = pre-push 全门禁 + build + changeset publish + 部 storybook 到 OSS

哲学

• 零自定义：完全照搬 shadcn 官方 init 默认产物 · 不改 globals.css · 不改 components.json
• 新组件：走 pnpm dlx shadcn@latest add <component> · 不手写
• 扩展：单独建 src/components/agentaily/*.tsx · 不污染 shadcn 原件