feat(dashboard): complete data platform - API + UI + collection

Dashboard (Next.js 15 + Vercel Postgres + Drizzle):
- 7 API routes: skills CRUD, stats overview, collection endpoint,
  events management, dynamic recommendations
- 4 dashboard pages: overview with charts, skill detail with
  30-day curves, competitor comparison, events management
- Components: stat cards, install charts (Recharts), milestone
  progress bar, skill table, event form
- shadcn/ui + Tailwind for clean internal tool UI

Data collection:
- GitHub Actions workflow (hourly cron) to scrape skills.sh
  via npx skills find, parse output, POST to API
- Parser for skills.sh CLI output (ANSI-stripped)

Database:
- Drizzle schema: skills, daily_stats, events
- Seed script with 6 own skills + 2 competitors + 30-day synthetic data

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: kevinaimonster

.github/workflows/collect-stats.yml

@@ -0,0 +1,112 @@
+name: Collect Skill Stats
+
+on:
+  schedule:
+    - cron: '17 * * * *'  # Every hour at :17
+  workflow_dispatch: {}
+
+jobs:
+  collect:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install skills CLI
+        run: npm install -g @anthropic-ai/skills 2>/dev/null || true
+
+      - name: Collect our skills data
+        id: our_skills
+        run: |
+          OUTPUT=$(npx skills find "second-me-01" 2>/dev/null || echo "")
+          echo "output<<EOF" >> $GITHUB_OUTPUT
+          echo "$OUTPUT" >> $GITHUB_OUTPUT
+          echo "EOF" >> $GITHUB_OUTPUT
+
+      - name: Collect competitor data
+        id: competitors
+        run: |
+          XHS=$(npx skills find "xhs" 2>/dev/null || echo "")
+          BRAINSTORM=$(npx skills find "brainstorm" 2>/dev/null || echo "")
+          echo "xhs<<EOF" >> $GITHUB_OUTPUT
+          echo "$XHS" >> $GITHUB_OUTPUT
+          echo "EOF" >> $GITHUB_OUTPUT
+          echo "brainstorm<<EOF" >> $GITHUB_OUTPUT
+          echo "$BRAINSTORM" >> $GITHUB_OUTPUT
+          echo "EOF" >> $GITHUB_OUTPUT
+
+      - name: Parse and submit data
+        env:
+          API_URL: ${{ secrets.API_URL }}
+          API_SECRET: ${{ secrets.API_SECRET }}
+        run: |
+          node << 'SCRIPT'
+          const output = `${{ steps.our_skills.outputs.output }}`;
+          const xhsOutput = `${{ steps.competitors.outputs.xhs }}`;
+          const brainstormOutput = `${{ steps.competitors.outputs.brainstorm }}`;
+
+          function parseInstalls(text) {
+            const results = [];
+            const clean = text.replace(/\x1b\[[0-9;]*m/g, '');
+            const lines = clean.split('\n');
+            for (const line of lines) {
+              const match = line.trim().match(/^(.+?)@(.+?)\s+([\d,.]+K?)\s+installs?$/);
+              if (match) {
+                let installs = match[3].replace(/,/g, '');
+                if (installs.endsWith('K')) installs = String(parseFloat(installs) * 1000);
+                results.push({ repo: match[1], name: match[2], installs: Math.round(parseFloat(installs)) });
+              }
+            }
+            return results;
+          }
+
+          const ours = parseInstalls(output);
+          const xhs = parseInstalls(xhsOutput);
+          const brainstorm = parseInstalls(brainstormOutput);
+
+          // Map our skills
+          const data = [];
+          const ourMap = {
+            'skill-hub': 'skill-hub',
+            'smart-brainstorm': 'smart-brainstorm',
+            'ui-design-system': 'ui-design-system',
+            'xhs-writer': 'xhs-writer',
+            'video-script': 'video-script',
+            'feishu-kit': 'feishu-kit',
+          };
+
+          for (const s of ours) {
+            if (ourMap[s.name]) {
+              data.push({ skill_id: ourMap[s.name], installs: s.installs, platform: 'skills.sh' });
+            }
+          }
+
+          // Find specific competitors
+          const daqiXhs = xhs.find(s => s.repo.includes('daqi') && s.name.includes('xhs'));
+          if (daqiXhs) data.push({ skill_id: 'comp-daqi-xhs', installs: daqiXhs.installs, platform: 'skills.sh' });
+
+          const compBrainstorm = brainstorm.find(s => s.name === 'brainstorming' || s.name === 'brainstorm');
+          if (compBrainstorm) data.push({ skill_id: 'comp-brainstorming', installs: compBrainstorm.installs, platform: 'skills.sh' });
+
+          if (data.length === 0) {
+            console.log('No data collected, skipping API call');
+            process.exit(0);
+          }
+
+          console.log('Submitting data:', JSON.stringify(data, null, 2));
+
+          fetch(`${process.env.API_URL}/api/stats/collect`, {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json',
+              'x-api-secret': process.env.API_SECRET,
+            },
+            body: JSON.stringify({ data }),
+          })
+          .then(r => r.json())
+          .then(r => console.log('API response:', r))
+          .catch(e => console.error('API error:', e));
+          SCRIPT

dashboard/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

dashboard/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

dashboard/components.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-nova",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "rtl": false,
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "menuColor": "default",
+  "menuAccent": "subtle",
+  "registries": {}
+}

dashboard/drizzle.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from "drizzle-kit";
+
+export default defineConfig({
+  schema: "./src/db/schema.ts",
+  out: "./drizzle",
+  dialect: "postgresql",
+  dbCredentials: {
+    url: process.env.POSTGRES_URL!,
+  },
+});

dashboard/eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

dashboard/next.config.ts

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;