taro-shadcn-cli-helper

分类: 工具与效率 | 上传者: louisyoungx | 下载: 0 | 版本: v1.0（最新）

教用户如何使用 taro-shadcn CLI 初始化项目和添加组件。当用户询问 CLI 用法或如何创建组件时调用。

更新日志: Source: GitHub https://github.com/louisyoungx/taro-shadcn

目录结构

当前层级: 根目录

📁 packages/
- 📁 cli/
  - 📁 scripts/
    
    📄 build.js 1.7 KB
    
    📄 cleanup.js 340 B
  - 📁 src/
    
    📄 index.ts 17.3 KB
  - 📁 tests/
    
    📄 e2e.test.ts 5.2 KB
  - 📄 package-lock.json 7.1 KB
  - 📄 package.json 1.0 KB
  - 📄 tsconfig.json 411 B
- 📁 docs/
  - 📁 config/
    
    📄 dev.ts 156 B
    
    📄 index.ts 8.4 KB
    
    📄 prod.ts 1.2 KB
  - 📁 patches/
    
    📄 @[email protected] 1.4 KB
  - 📁 src/
    
    📁 assets/
    
    📁 tabbar/
    
    📄 info-active.png 1.8 KB
    
    📄 info.png 1.8 KB
    
    📄 layout-grid-active.png 1013 B
    
    📄 layout-grid.png 1.0 KB
    
    📄 sparkles-active.png 1.8 KB
    
    📄 sparkles.png 1.9 KB
    
    📄 logo.png 15.3 KB
    
    📁 components/
    
    📁 ui/
    
    📄 accordion.tsx 5.8 KB
    
    📄 alert-dialog.tsx 8.0 KB
    
    📄 alert.tsx 1.7 KB
    
    📄 aspect-ratio.tsx 770 B
    
    📄 avatar.tsx 2.1 KB
    
    📄 badge.tsx 1.2 KB
    
    📄 breadcrumb.tsx 2.9 KB
    
    📄 button-group.tsx 1.9 KB
    
    📄 button.tsx 2.3 KB
    
    📄 calendar.tsx 11.4 KB
    
    📄 card.tsx 2.9 KB
    
    📄 carousel.tsx 5.9 KB
    
    📄 checkbox.tsx 1.8 KB
    
    📄 code-block.tsx 4.9 KB
    
    📄 collapsible.tsx 2.1 KB
    
    📄 command.tsx 11.7 KB
    
    📄 context-menu.tsx 18.9 KB
    
    📄 dialog.tsx 7.8 KB
    
    📄 drawer.tsx 5.1 KB
    
    📄 dropdown-menu.tsx 17.9 KB
    
    📄 field.tsx 5.0 KB
    
    📄 hover-card.tsx 7.6 KB
    
    📄 input-group.tsx 5.2 KB
    
    📄 input-otp.tsx 3.9 KB
    
    📄 input.tsx 1.8 KB
    
    📄 label.tsx 598 B
    
    📄 menubar.tsx 18.4 KB
    
    📄 navigation-menu.tsx 8.7 KB
    
    📄 pagination.tsx 2.8 KB
    
    📄 popover.tsx 9.4 KB
    
    📄 portal.tsx 536 B
    
    📄 progress.tsx 674 B
    
    📄 radio-group.tsx 1.9 KB
    
    📄 resizable.tsx 10.4 KB
    
    📄 scroll-area.tsx 998 B
    
    📄 select.tsx 12.7 KB
    
    📄 separator.tsx 668 B
    
    📄 sheet.tsx 7.5 KB
    
    📄 skeleton.tsx 312 B
    
    📄 slider.tsx 7.1 KB
    
    📄 sonner.tsx 24 B
    
    📄 switch.tsx 1.8 KB
    
    📄 table.tsx 3.7 KB
    
    📄 tabs.tsx 3.3 KB
    
    📄 textarea.tsx 1.7 KB
    
    📄 toast.tsx 15.5 KB
    
    📄 toggle-group.tsx 3.7 KB
    
    📄 toggle.tsx 2.6 KB
    
    📄 tooltip.tsx 14.0 KB
    
    📁 lib/
    
    📁 hooks/
    
    📄 use-keyboard-offset.ts 994 B
    
    📄 measure.ts 3.3 KB
    
    📄 platform.ts 255 B
    
    📄 utils.ts 166 B
    
    📁 pages/
    
    📁 about/
    
    📄 index.config.ts 75 B
    
    📄 index.tsx 5.2 KB
    
    📁 detail/
    
    📄 data.ts 22.2 KB
    
    📄 index.config.ts 75 B
    
    📄 index.tsx 6.6 KB
    
    📁 intro/
    
    📄 index.config.ts 80 B
    
    📄 index.css 64 B
    
    📄 index.tsx 7.4 KB
    
    📁 list/
    
    📄 index.config.ts 75 B
    
    📄 index.css 64 B
    
    📄 index.tsx 12.3 KB
    
    📁 ui/
    
    📄 accordion.tsx 1.1 KB
    
    📄 alert-dialog.tsx 2.3 KB
    
    📄 alert.tsx 802 B
    
    📄 aspect-ratio.tsx 1.8 KB
    
    📄 avatar.tsx 640 B
    
    📄 badge.tsx 415 B
    
    📄 breadcrumb.tsx 2.7 KB
    
    📄 button-group.tsx 2.3 KB
    
    📄 button.tsx 2.1 KB
    
    📄 calendar.tsx 1.2 KB
    
    📄 card.tsx 4.8 KB
    
    📄 carousel.tsx 3.6 KB
    
    📄 checkbox.tsx 1.3 KB
    
    📄 collapsible.tsx 1.5 KB
    
    📄 command.tsx 8.0 KB
    
    📄 context-menu.tsx 4.1 KB
    
    📄 dialog.tsx 7.0 KB
    
    📄 drawer.tsx 5.5 KB
    
    📄 dropdown-menu.tsx 4.9 KB
    
    📄 field.tsx 5.2 KB
    
    📄 hover-card.tsx 7.2 KB
    
    📄 input-group.tsx 2.8 KB
    
    📄 input-otp.tsx 2.2 KB
    
    📄 input.tsx 1.3 KB
    
    📄 label.tsx 2.9 KB
    
    📄 menubar.tsx 4.4 KB
    
    📄 navigation-menu.tsx 5.9 KB
    
    📄 pagination.tsx 2.4 KB
    
    📄 popover.tsx 8.2 KB
    
    📄 progress.tsx 1.3 KB
    
    📄 radio-group.tsx 782 B
    
    📄 registry.ts 8.1 KB
    
    📄 resizable.tsx 3.1 KB
    
    📄 scroll-area.tsx 739 B
    
    📄 select.tsx 5.4 KB
    
    📄 separator.tsx 829 B
    
    📄 sheet.tsx 2.2 KB
    
    📄 skeleton.tsx 1.6 KB
    
    📄 slider.tsx 2.1 KB
    
    📄 switch.tsx 3.2 KB
    
    📄 table.tsx 2.1 KB
    
    📄 tabs.tsx 2.4 KB
    
    📄 textarea.tsx 1.3 KB
    
    📄 toast.tsx 7.1 KB
    
    📄 toggle-group.tsx 4.1 KB
    
    📄 toggle.tsx 2.8 KB
    
    📄 tooltip.tsx 4.6 KB
    
    📁 presets/
    
    📄 dev-debug.ts 659 B
    
    📄 h5-container.tsx 280 B
    
    📄 h5-navbar.tsx 6.4 KB
    
    📄 h5-styles.ts 4.8 KB
    
    📄 index.tsx 455 B
    
    📄 app.config.ts 1.2 KB
    
    📄 app.css 5.6 KB
    
    📄 app.tsx 213 B
    
    📄 index.html 1.8 KB
    
    📄 network.ts 1.1 KB
  - 📁 types/
    
    📄 global.d.ts 1.0 KB
  - 📄 .npmrc 334 B
  - 📄 babel.config.js 249 B
  - 📄 components.json 442 B
  - 📄 eslint.config.mjs 6.1 KB
  - 📄 package.json 3.9 KB
  - 📄 project.config.json 375 B
  - 📄 stylelint.config.mjs 102 B
  - 📄 tailwind.config.ts 258 B
  - 📄 tsconfig.json 707 B
📁 tech/
- 📄 taro-shadcn-skill-claude.md 44.9 KB
- 📄 taro-shadcn-skill-gemini.md 49.1 KB
- 📄 taro-shadcn-skill-gpt.md 32.1 KB
📄 .gitignore 491 B
📄 .npmrc 334 B
📄 LICENSE 1.0 KB
📄 package.json 752 B
📄 pnpm-lock.yaml 710.8 KB
📄 pnpm-workspace.yaml 27 B
📄 README.md 12.3 KB
📄 SKILL.md 1.6 KB

SKILL.md

---
name: "taro-shadcn-cli-helper"
description: "教用户如何使用 taro-shadcn CLI 初始化项目和添加组件。当用户询问 CLI 用法或如何创建组件时调用。"
---

# Taro Shadcn CLI 助手

本 Skill 旨在指导用户如何使用 `taro-shadcn` CLI 来快速集成 UI 组件到 Taro 项目中。

## 快速开始

### 1. 初始化项目

在使用任何组件之前，你需要先初始化你的项目。这会创建 `components.json` 配置文件并安装基础依赖。

```bash
npx taro-shadcn init
```

在初始化过程中，你可以选择：
- **组件目录**：默认是 `src/components`。
- **Utils 目录**：默认是 `src/lib/utils`。
- **安装基础依赖**：包括 `clsx`, `tailwind-merge`, `class-variance-authority`, `lucide-react-taro`。

### 2. 添加组件

使用 `add` 命令将组件添加到你的项目中。

```bash
# 添加单个组件
npx taro-shadcn add button

# 一次性添加多个组件
npx taro-shadcn add button accordion badge
```

**常用选项**：
- `-y, --yes`: 跳过所有确认提示。
- `-o, --overwrite`: 如果组件已存在，直接覆盖。

## 目录结构

初始化后，你的项目结构通常如下：

```text
src/
  lib/
    utils/
      index.ts      # 导出的 cn 辅助函数
  components/
    ui/
      button.tsx    # 自动生成的组件
components.json     # CLI 配置文件
```

## 注意事项

- 确保你在一个有效的 Taro 项目根目录下运行命令。
- `taro-shadcn` 依赖于 Tailwind CSS，请确保你的项目已配置好 Tailwind。
- 如果某些组件有额外的依赖（如 `calendar` 依赖 `date-fns`），CLI 会提示你安装。

登录后下载/点赞/收藏 ❤ 2 | ★ 0

taro-shadcn-cli-helper

目录结构

SKILL.md

举报内容

提示