create-teamix-evo 0.1.1

package/overlays/console/src/pages/UserListPage.tsx

@@ -0,0 +1,67 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { Card } from '@/components/_placeholder/Card';
+import { Input } from '@/components/_placeholder/Input';
+import { Table } from '@/components/_placeholder/Table';
+import { Button } from '@/components/ui/button';
+import { mockUsers } from '@/lib/mock-data';
+
+export function UserListPage() {
+  const [keyword, setKeyword] = useState('');
+  const filtered = mockUsers.filter((u) =>
+    `${u.name}${u.email}`.toLowerCase().includes(keyword.toLowerCase()),
+  );
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-2xl font-semibold tracking-tight">用户管理</h2>
+          <p className="text-sm text-muted-foreground mt-1">
+            列表 + 搜索 — 演示 Table / Input 占位组件 与真 Button。
+          </p>
+        </div>
+        <Link to="/users/new">
+          <Button>新建用户</Button>
+        </Link>
+      </div>
+
+      <Card>
+        <div className="flex items-center gap-3 mb-4">
+          <Input
+            placeholder="搜索姓名 / 邮箱"
+            value={keyword}
+            onChange={(e) => setKeyword(e.target.value)}
+            className="max-w-sm"
+          />
+        </div>
+        <Table
+          columns={[
+            { key: 'name', title: '姓名' },
+            { key: 'email', title: '邮箱' },
+            { key: 'role', title: '角色' },
+            {
+              key: 'actions',
+              title: '操作',
+              render: (row) => (
+                <div className="flex gap-2">
+                  <Link to={`/users/${row.id}`}>
+                    <Button variant="ghost" size="sm">
+                      详情
+                    </Button>
+                  </Link>
+                  <Link to={`/users/${row.id}/edit`}>
+                    <Button variant="outline" size="sm">
+                      编辑
+                    </Button>
+                  </Link>
+                </div>
+              ),
+            },
+          ]}
+          data={filtered}
+        />
+      </Card>
+    </div>
+  );
+}

package/overlays/console/src/routes.tsx

@@ -0,0 +1,21 @@
+import { Navigate, type RouteObject } from 'react-router-dom';
+import { ConsoleLayout } from '@/layouts/ConsoleLayout';
+import { DashboardPage } from '@/pages/DashboardPage';
+import { UserListPage } from '@/pages/UserListPage';
+import { UserDetailPage } from '@/pages/UserDetailPage';
+import { UserFormPage } from '@/pages/UserFormPage';
+
+export const routes: RouteObject[] = [
+  {
+    path: '/',
+    element: <ConsoleLayout />,
+    children: [
+      { index: true, element: <Navigate to="/dashboard" replace /> },
+      { path: 'dashboard', element: <DashboardPage /> },
+      { path: 'users', element: <UserListPage /> },
+      { path: 'users/new', element: <UserFormPage /> },
+      { path: 'users/:id', element: <UserDetailPage /> },
+      { path: 'users/:id/edit', element: <UserFormPage /> },
+    ],
+  },
+];

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "create-teamix-evo",
+  "version": "0.1.1",
+  "description": "Scaffold a Vite + React + TypeScript project pre-wired with Teamix Evo design tokens, AI skills, and UI components.",
+  "type": "module",
+  "bin": {
+    "create-teamix-evo": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "templates",
+    "overlays"
+  ],
+  "dependencies": {
+    "@clack/prompts": "^0.8.0",
+    "commander": "^12.0.0",
+    "cross-spawn": "^7.0.3",
+    "execa": "^9.0.0",
+    "handlebars": "^4.7.0",
+    "kolorist": "^1.8.0",
+    "teamix-evo": "0.2.0"
+  },
+  "devDependencies": {
+    "@types/cross-spawn": "^6.0.6",
+    "@types/node": "^20.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.5.0",
+    "vitest": "^2.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit"
+  }
+}

package/templates/react-ts/README.md.hbs

@@ -0,0 +1,39 @@
+# {{projectName}}
+
+由 [`create-teamix-evo`](https://www.npmjs.com/package/create-teamix-evo) 脚手架生成 — 已经接通 design tokens、AI skills 与 UI 资产。
+
+## 快速开始
+
+```bash
+{{pmInstall}}        # 安装依赖（如脚手架已自动跑过可跳过）
+{{pmRun}} dev        # 启动开发服务器
+{{pmRun}} build      # 生产构建
+```
+
+## 已安装资产
+
+- **设计 tokens**：`.teamix-evo/design/tokens/`（variant: `{{designVariant}}`）
+- **AI 入口**：`AGENTS.md`（项目级）/ `.qoder/agents/` / `.claude/agents/`
+- **UI 组件**：`src/components/ui/`（已落地：`{{uiInstalled}}`）
+
+## 更新设计资产
+
+```bash
+# 重新拉取最新 design tokens（覆盖 regenerable，保留 frozen）
+npx teamix-evo design update {{designVariant}}
+
+# 同步 AI skills 文件
+npx teamix-evo skills update
+
+# 安装更多 UI 组件
+npx teamix-evo ui add <component-id>
+npx teamix-evo ui list
+```
+
+## 自定义 token
+
+`.teamix-evo/design/tokens/tokens.overrides.css` 是 **frozen** 资源 — 在这里覆盖任何 `--color-primary` 等 CSS 变量后，刷新即可生效，CLI 升级不会覆盖你的改动。
+
+## AI 协作
+
+打开本项目时，AI 助手会自动读取 `AGENTS.md` / `CLAUDE.md` 与 `.teamix-evo/design/` 下的设计上下文 — 直接告诉它"帮我加一个用户列表页"即可。

package/templates/react-ts/_editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true

package/templates/react-ts/_gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/templates/react-ts/index.html.hbs

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{projectName}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/react-ts/package.json.hbs

@@ -0,0 +1,26 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.0.0",
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.5.0",
+    "vite": "^5.4.0"
+  }
+}

package/templates/react-ts/src/App.tsx

@@ -0,0 +1,20 @@
+export default function App() {
+  return (
+    <main className="min-h-screen flex flex-col items-center justify-center gap-6 bg-background text-foreground">
+      <h1 className="text-4xl font-bold">Welcome to Teamix Evo</h1>
+      <p className="text-muted-foreground max-w-md text-center">
+        设计 tokens 已就位 — 修改{' '}
+        <code className="px-1 py-0.5 rounded bg-muted">
+          .teamix-evo/design/tokens/tokens.overrides.css
+        </code>{' '}
+        试试热更新。
+      </p>
+      <button
+        type="button"
+        className="px-4 py-2 rounded-md bg-primary text-primary-foreground hover:opacity-90 transition"
+      >
+        Primary Button (token 通路验证)
+      </button>
+    </main>
+  );
+}

package/templates/react-ts/src/index.css

@@ -0,0 +1,5 @@
+@import 'tailwindcss';
+
+/* Teamix Evo design tokens — 由 `teamix-evo design init` 装载到 .teamix-evo/design/tokens/ */
+@import '../.teamix-evo/design/tokens/tokens.theme.css';
+@import '../.teamix-evo/design/tokens/tokens.overrides.css';

package/templates/react-ts/src/main.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from '@/App';
+import '@/index.css';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);

package/templates/react-ts/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/templates/react-ts/tailwind.config.ts

@@ -0,0 +1,13 @@
+/**
+ * Tailwind CSS v4 — zero-config by default.
+ *
+ * 推荐通过 src/index.css 中的 @theme 块声明设计变量；
+ * 本文件仅在你需要扩展 content scan 路径或注册自定义插件时启用。
+ *
+ * 详见 https://tailwindcss.com/docs/v4-beta
+ */
+import type { Config } from 'tailwindcss';
+
+export default {
+  content: ['./index.html', './src/**/*.{ts,tsx}'],
+} satisfies Config;

package/templates/react-ts/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["node", "vite/client"]
+  },
+  "include": ["src", "vite.config.ts"]
+}

package/templates/react-ts/vite.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'vite';
+import path from 'node:path';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+});