Skip to Content
VekUI

Taro React / WeChat Mini Program / Source Registry

shadcn 风格源码分发Taro 小程序可用

VekUI WeApp 参考 shadcn/ui 的开发体验,但默认遵守 Taro React 和微信小程序运行时约束。开发者通过 CLI 获取组件源码、样式 token 和项目规则。

v0 scope95 个 UI 组件
registry101 个 items
distributionGitHub Pages registry
runtimeTaro React + Vite
ruleNo Radix / No DOM API

Repository contract

不是 npm 黑盒组件包,是可审计、可改造、可让 Agent 消费的源码系统。

主仓库同时承载组件源码、CLI、registry builder、Taro playground、文档站和 AI 编码规则。每个功能都必须能从 registry 到小程序构建链路被验证。

01

Registry-first

组件、样式 token、工具函数和规则通过 registry 复制到业务项目,开发者拿到的是源码。

02

Taro-safe

组件基于 @tarojs/components,不依赖 Radix、ReactDOM、浏览器 DOM API 或 portal。

03

Agent-ready

AGENTS.md、UI rules、doctor 检查和测试门禁,让 AI Coding 有明确边界。

Developer path

开发链路应该像命令行一样清楚。

首页只保留开发者真正需要的路径:初始化、添加组件、检查项目、进入小程序构建。 其它细节放到对应文档页里继续展开。

  1. 01
    生成项目约定pnpm dlx vekui init --cwd . --yes
  2. 02
    复制组件源码pnpm dlx vekui add button input --cwd .
  3. 03
    检查 Taro / CSS / 禁用依赖pnpm dlx vekui doctor --cwd .
  4. 04
    进入微信小程序构建链路pnpm build:miniprogram

Quality gates

每次合并都跑完整门禁,不靠感觉判断能不能用。

pnpm typecheck

检查 TypeScript 项目类型边界。

pnpm test

运行 workspace 内所有自动化测试。

pnpm check:ui

扫描 UI 边界、组件契约和 Tailwind 安全规则。

pnpm registry:build

生成 shadcn-compatible registry JSON。

pnpm build:miniprogram

用 Taro Vite compiler 构建微信小程序。

pnpm build:docs

构建文档站并验证 public registry 输出。

Development plan

Roadmap 已清零,下一阶段只做会提高开发者信任感的事情。

  • 让 95 个 UI 组件和 101 个 registry items 的文档口径持续同源。
  • 把 CLI 的 dry-run、覆盖确认、registryDependencies 解析做成可预期体验。
  • 把 action、navigation、form、view 和 layout playground 保持为真实组件验收台。
  • 把 GitHub Pages 上的 registry、文档、Changelog 和 AI 入口保持同步发布。