Skip to content

@yyc3/cli ​

npmshadcnlicense

YYC³ UI 智能编程库 CLI — 言启象限 · 语枢未来。基于 shadcn/ui v4.5.0 全量融合,保留上游全部能力 + YYC³ 品牌注入 + 增强组件 Registry。

安装 ​

bash
npx @yyc3/cli --help

命令总览 ​

Usage: yyc3 [options] [command]

YYC³ UI 智能编程库 — 言启象限 | 语枢未来

Commands:
  init|create    初始化项目并安装依赖
  apply          应用预设到现有项目
  add            添加组件到项目
  diff           对比组件差异
  docs           查看文档和 API 参考
  view           查看 Registry 中的组件
  search|list    搜索 Registry 中的组件
  migrate        运行迁移
  info           获取项目信息
  build          构建 Registry 组件
  mcp            MCP Server 和配置命令
  registry       管理 Registry

快速开始 ​

创建项目 ​

bash
npx create-yyc3-app my-project -t dashboard --preset yyc3-dark
cd my-project
pnpm install
pnpm dev

初始化现有项目 ​

bash
npx @yyc3/cli init -p yyc3-dark

添加标准组件 ​

bash
npx @yyc3/cli add button
npx @yyc3/cli add card dialog sheet

添加 YYC³ 增强组件 ​

bash
npx @yyc3/cli add @yyc3/spotlight
npx @yyc3/cli add @yyc3/card-3d
npx @yyc3/cli add @yyc3/particle-canvas
npx @yyc3/cli add @yyc3/spline-scene

主题预设 ​

预设风格字体色系
yyc3-darkCyberpunk 霓虹GeistZinc Dark
yyc3-light明亮商务InterNeutral
yyc3-brand品牌标准GeistNeutral
novashadcn 默认GeistNeutral
vegaInter 风格InterNeutral

MCP 集成 ​

AI 编辑器(Trae / Cursor / Claude Code / VS Code)可通过 MCP 直接搜索和添加组件:

bash
npx @yyc3/cli mcp init --client cursor

支持的客户端:claude / cursor / vscode / codex / opencode

品牌标识 ​

所有通过 yyc3 add 写入的 .tsx/.ts 文件自动注入品牌标识头:

ts
// ⟨YYC³⟩ — YYC³ UI 智能编程库 | 言启象限 · 语枢未来
import * as React from "react"

情感启动画面 ​

当直接运行 yyc3(无子命令)时,CLI 会展示 AI Family 情感欢迎画面:

text
🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹
  ██╗   ██╗██╗   ██╗ ██████╗██████╗
  ╚██╗ ██╔╝╚██╗ ██╔╝██╔════╝╚════██╗
   ╚████╔╝  ╚████╔╝ ██║      █████╔╝
    ╚██╔╝    ╚██╔╝  ██║      ╚═══██╗
     ██║      ██║   ╚██████╗██████╔╝
     ╚═╝      ╚═╝    ╚═════╝╚═════╝
🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹

   AI Family · 人从众曌众从人
   亦师亦友亦伯乐,一言一语一协同
   拟人为本 · AI为核 · 纯粹为心

此启动画面源自 AI Family 情感文化总铭第九节,自动显示系统用户名和家族陪伴天数。

YYC³ Registry 组件 ​

组件类型依赖说明
@yyc3/spotlight交互framer-motion鼠标跟随聚光灯
@yyc3/card-3d3Dframer-motion透视旋转卡片
@yyc3/spline-scene3D@splinetool/react-splineSpline 懒加载场景
@yyc3/particle-canvas背景零依赖霓虹粒子网络

脚手架模板 ​

bash
npx create-yyc3-app <name> -t <template>
模板说明端口
dashboard侧边栏 + 内容区 + 数据表格3201
ai-platform对话界面 + 模型管理 + 工具调用3300
landing品牌展示 + Spline 3D + 动效3200
apiRESTful API + 认证 + 中间件3400

完整业务样板(T01-T20) ​

v1.3.0 起,20 套完整 Next.js 业务样板(源自 UI-MONO blueprints)作为实体蓝图随 @yyc3/cli 分发,离线可用。生成时自动完成:复制蓝图 → package.json 定制(项目名/端口/@yyc3/ui ^3.0.0)→ components.json(shadcn 协议)→ 主题注入(可选)→ 依赖安装。

bash
# 推荐:create-yyc3-app
npx create-yyc3-app my-admin --blueprint admin-dashboard
npx create-yyc3-app my-ai --blueprint T01 --theme cyberpunk

# 或:yyc3 init(-t 命中样板编号/语义名/目录名均可)
yyc3 init -t admin-dashboard -n my-admin

# 查看 / 校验
yyc3 list --blueprints          # 20 套样板清单(含端口与实体状态)
yyc3 samples admin-dashboard    # 单套详情(组件/主题/生成命令)
编号样板场景端口
T01ai-intelligent-centerAI 智能中心3300
T02admin-dashboard管理后台3201
T03landing-page企业官网3200
T04ai-medicalAI 医疗3205
T05learning-platform学习平台3203
T06smart-city智慧城市3206
T073d-portal3D 门户3207
T08crm-systemCRM 系统3208
T09data-dashboard数据大屏3202
T10ai-code-ideAI 编程 IDE3209
T11financial-quant金融量化3210
T12music-player音乐播放器3213
T13devops-monitorDevOps 监控3211
T14saas-platformSaaS 平台3212
T15ai-call-centerAI 呼叫中心3214
T16knowledge-wiki知识 Wiki3204
T17ecommerce-shop电商商店3215
T18portfolio个人作品集3216
T19table-converter表格转换器3217
T20forum-community论坛社区3218

端到端验证:node scripts/verify-blueprints.mjs --deep(20 套冒烟 + P0 五套 next build)

技术架构 ​

  • 基于: shadcn/ui v4.5.0(MIT)全量源码融合
  • 构建: tsup ESM,398KB,tree-shaken
  • Registry: @shadcn + @yyc3 双 Registry 内置
  • MCP: 5 工具(搜索/查看/列出/示例/Registry)
  • 品牌: 自动标识头注入 + CLI 名称/描述/Server name 全面 YYC³ 化

YYC³ AI Family — 五高 · 五标 · 五化 · 五维