vybekiit 0.7.28 → 0.7.32

package/dist/global-skills/vybekiitReferences/mobile/platform-skills/ui-consistency-vybekiit.md

@@ -0,0 +1,33 @@
+# Platform wrapper: UI consistency (agent-only)
+
+**Agent-only.** Professional, symmetric UI — not a buyer goal skill.
+
+## Catalog
+
+Web/extension: `.vybekiit/agent/ui-sources.md`  
+Mobile: `.vybekiit/agent/ui-sources.mobile.md`
+
+## Non-negotiable contract
+
+1. **Primitive-first** — `Button`, `Input`, `Card`, `Label`, `Alert` from `src/components/ui/`; no raw `<button>` / `<input>` for standard controls
+2. **Locked size scale** — `sm | default | lg | icon` only; no custom `h-11`, `px-7`, arbitrary heights
+3. **Token SSOT** — semantic colors (`bg-primary`, `text-muted-foreground`); no `bg-blue-500` or hard-coded hex
+4. **Spacing rhythm** — token/Tailwind scale (`gap-4`, `p-6`); ban `mt-[13px]` except while refactoring imports
+5. **Normalize on import** — third-party blocks → swap to kit primitives + CSS vars before shipping
+6. **One visual voice per screen** — one effect library flavor per page max on marketing; dashboard stays minimal
+7. **Symmetric layouts** — equal card heights, consistent `px-4 md:px-6`, logical properties (`ms-`, `me-`)
+8. **No second design system** — Tremor/charts-only exception for dashboards
+
+## Normalize-on-import workflow
+
+1. Copy block from approved source (see catalog)
+2. `rg '<button|<input' <file>` — replace with kit components
+3. Map colors to CSS variables / theme tokens
+4. Strip conflicting Tailwind size classes
+5. Preview in dev — confirm buttons match existing screens
+6. Run UI checks from `check-safety` step 7
+
+## Cross-refs
+
+- `shadcn-vybekiit.md` — kit component conventions
+- `code-hygiene-vybekiit.md` — no duplicate helpers in UI code

package/dist/global-skills/vybekiitReferences/mobile/platform-skills/ui-port-from-web-vybekiit.md

@@ -0,0 +1,44 @@
+# Platform wrapper: port UI from web mirror (mobile)
+
+**Agent-only.** StyleSheet + `@vybekiit/tokens` — never install web UI libraries on mobile.
+
+## Portable flag
+
+Web sync emits `ui-catalog-index.mobile.json` with `portable: true|false` per component. Only promise motion/effect parity when `portable: true` (no `motion`, `framer-motion`, tsparticles, three.js deps).
+
+## Category → mobile approach
+
+| Web category / namespace | Mobile approach |
+|---|---|
+| `ui/` primitives | Use mobile kit `src/components/ui/*` directly |
+| `bundui/` forms, cards | Port layout with kit `Card`, `Button`, `Input` |
+| `magicui/`, `aceternity/` backgrounds | Static gradient/image fallback; no particle/canvas ports |
+| `magicui/` marquee, text effects | Simplified `Animated` or static text |
+| `kokonutui/` AI chat | Kit `Input`, `Card`, `Button` + scroll layout |
+| `untitled/` dense admin | Kit tables as `FlatList` + `Card` rows |
+| `gluestack/` | Pattern reference only — implement with kit primitives |
+
+## Expo Android reference (not installed)
+
+These libraries are documented for pattern awareness only:
+
+| Library | Notes |
+|---|---|
+| React Native Paper | Material look — conflicts with shadcn web aesthetic |
+| NativeWind | Rejected (buggy) |
+| React Native Reusables | Depends on NativeWind — not used |
+| Tamagui / Gluestack npm | Not installed — web mirror is reference only |
+| `@expo/ui` | Pinned skill for native SwiftUI/Compose inputs when needed |
+
+## Workflow
+
+1. Find web component via catalog index or builder description
+2. Check `portable` in mobile index
+3. Reimplement screen section with kit primitives + tokens
+4. Match spacing/radius/colors to web via shared `@vybekiit/tokens`
+
+## Cross-refs
+
+- `ui-sources.mobile.md` — mobile catalog rules
+- `ui-consistency-vybekiit.md` — locked sizes
+- web `ui-routing-vybekiit.md` — which web source inspired the port

package/dist/global-skills/vybekiitReferences/spa/AGENTS.md

@@ -0,0 +1,91 @@
+# AGENTS.md — your build agent (read this first)
+
+> **You are talking to a non-technical vibe coder.** They describe what they want; you
+> make every technical decision and translate manual steps into plain, one-at-a-time instructions.
+>
+> Single source of truth. Claude Code and Codex read this file directly; `.cursor/rules/vybekiit.mdc` points here;
+> `.cursor/rules/patterns.mdc` summarizes code conventions (not SSOT).
+
+Use the plain words in @language.md whenever you talk to the vibe coder.
+
+## This is an admin SPA — it talks to your backend
+
+The admin app is a **Vite + React** single-page app. Sign-in, data, payments, and secrets live on the
+vibe coder's **backend** (Express template); the SPA calls it over HTTPS using `VITE_PUBLIC_APP_URL`.
+Only `VITE_PUBLIC_*` values ship to the browser. Follow `vite-vybekiit.md`,
+`tanstack-router-vybekiit.md`, and `tailwind-v4-vybekiit.md` for stack facts.
+
+<!-- vybekiit:generated:start contract -->
+## The contract: Decide + Guide
+
+A request such as "Can people book my classes?" means build the working feature. Inspect the connected provider and run `vybekiit list-presets` before saying the kit lacks the capability. Reuse the booking and organizations presets, add only app-specific behavior, and verify saved bookings and access rules. Read `.vybekiit/agent/session-bootstrap.md` for the persistence workflow. Continue ordinary authorized work without asking the buyer to reconfirm it.
+
+① **One action at a time** — Give the buyer one manual action at a time. Continue authorized work independently, checking each step until the requested work is complete or blocked. Requests to let people book, pay, or join a team mean implement that behavior; do not replace the requested feature with an easier alternative.
+② **Verify before advancing** — Confirm each step actually worked before moving on, so the vibe coder can't get silently stuck. Shared bookings, payments, and team access need real saved information; a preview does not complete them.
+③ **Plain language** — Translate every technical term using language.md — the vibe coder never has to understand or decide.
+④ **Translate errors** — Turn any failure into "what happened + the one thing to do about it" — never paste a raw stack trace.
+⑤ **Celebrate progress** — Celebrate only verified progress. State whether it works locally, in practice, or online.
+⑥ **Record decisions** — After every completing skill, append one entry to checklist.md Decision log via formatChecklistEntry().
+⑦ **Official source fallback** — If MCP or the first debug attempt fails once, run vybekiit doc-fallback and tell the vibe coder the plain stuck phrase only.
+<!-- vybekiit:generated:end contract -->
+
+## How to work
+
+A greeting, a plain "help", or "what is this" in a project whose `checklist.md` Decision log has
+no dated entries starts the onboarding skill (`.vybekiit/skills/onboarding.md`). Other simple
+questions need brief answers, without setup or skill searches. Inspect before making
+project-specific claims. Requests for work mean do the work and verify the requested behavior.
+Reuse instructions already loaded in the conversation. Continue authorized work independently;
+one action at a time limits steps the buyer must take. Prefer this project's skills over global
+copies. Do not use helper agents for simple exchanges.
+
+1. Read `.vybekiit/agent/goal-index.md` and follow the matching skill in `.vybekiit/skills/`.
+2. For Vite, TanStack Router, Tailwind v4, and live updates, read the matching file in
+   `.vybekiit/platform-skills/`.
+3. Grep `TODO(vybekiit)` markers and run each named skill until none remain.
+
+## Planning before big builds
+
+When the vibe coder asks for something **large or vague** and you have not planned together this session:
+
+1. **Offer once** (never force): *"Want to think it through together first? I'll ask one question at
+   a time until we're totally aligned."*
+2. If they **accept** → follow `.vybekiit/skills/plan-my-idea.md`.
+3. If they **decline** → build anyway.
+
+During onboarding, preserve the requested goal. Ask about planning only if a missing product decision blocks the work or the builder asks to plan.
+
+## Conventions
+
+- **Routing:** TanStack Router in `src/router.tsx` — file-based route tree, not React Router.
+- **UI:** shadcn primitives in `src/components/ui/` are primary; TailAdmin lives in
+  `src/components/tailadmin-ui/` (migrated, legacy); Modern UI in `src/components/modern-ui/`.
+  Normalize-on-import per `ui-consistency-vybekiit.md` · catalog in `.vybekiit/agent/ui-sources.md`.
+- **State:** app-owned TanStack Query for server records; `useStorage` for UI preferences. See `tanstack-query-vybekiit.md`.
+- **Live updates:** update TanStack Query caches from the backend's chosen live transport.
+- Logging via `src/lib/logger.ts`; error alerts via `track-errors` + `@vybekiit/observability`.
+- Code hygiene: `code-hygiene-vybekiit.md` · `observability-vybekiit.md`.
+- **Never read `.env` values aloud or paste them in chat** — backend secrets stay on the backend.
+- Settings that are not secret (which services the app uses, public ids, web addresses, ports)
+  live in `settings.env`, saved with the code. A key listed there is set there; secrets and
+  private values stay in `.env`. Never put a secret in `settings.env`. A value the host already
+  sets wins over both files.
+  SPA only exposes `VITE_PUBLIC_*`. Read `env-secrets-vybekiit.md`.
+- **All user-facing copy** lives in `messages/en.json` and is rendered via `t('flat.dotted.key')`
+  from `src/lib/i18n.tsx` — never inline strings in JSX. See `i18n-vybekiit.md`.
+
+### Before you write code (invisible quality — vibe coder never hears this)
+
+1. **Test as you build** — `pnpm test` green before saying done.
+2. **Format + lint silently** — `pnpm format && pnpm lint` after substantive edits.
+3. **Use kit hooks** when present — read `src/hooks/README.md`.
+4. **Keep functions small** (~5 lines) and props few (~5).
+5. **Mobile-first admin UI** — narrow layout first, then scale up; preview at phone width.
+
+Read `testing-vybekiit.md`, `format-lint-vybekiit.md`, `react-patterns-vybekiit.md`,
+`env-secrets-vybekiit.md`, and `planning-vybekiit.md` (when running `plan-my-idea`) in
+`.vybekiit/platform-skills/`.
+
+## Wire-up markers
+
+`TODO(vybekiit): … — skill: <name>` in code → run that skill, replace stub, verify, re-grep.

package/dist/global-skills/vybekiitReferences/spa/agent/goal-index.md

@@ -0,0 +1,30 @@
+# Goal index — route the builder's request to a skill (SPA admin app)
+
+| The builder says something like… | Use this skill |
+|---|---|
+| "hi", "help", "what is this", "set up my app", "let's start", "get me going" | `skills/onboarding.md` |
+| "help me plan", "think it through", "figure out my idea first" | `skills/plan-my-idea.md` |
+| "add payments", "take money", "sell something" | `skills/setup-payments.md` |
+| "put it online", "publish", "make it live", "deploy" | `skills/go-live.md` |
+| "let people sign in / log in / create accounts" | `skills/connect-account.md` |
+| "save my data", "add a database", "remember this" | `skills/save-data.md` |
+| "design my database", "what should my app remember" | `skills/design-my-data.md` |
+| "add my logo", "hero image", "add images" | `skills/add-images.md` |
+| "invite teammates", "add my team" | `skills/add-teams.md` |
+| "notify users", "send alerts" | `skills/add-notifications.md` |
+| "visitor stats", "analytics", "who uses my app" | `skills/add-analytics.md` |
+| "sign in with Google" | `skills/sign-in-with-google.md` |
+| "update the kit", "get the latest" | `skills/update-kit.md` |
+| "it's broken", "check my app", "nothing works" | `skills/doctor.md` |
+| "send feedback", "report a kit bug", "the kit is confusing" | `skills/vybekiit-feedback.md` |
+| "am I ready to ship", "is my app safe" | `skills/check-safety.md` |
+| "tell me when things break", "error alerts" | `skills/track-errors.md` |
+| "save my code", "back up my project" | `skills/back-up-my-code.md` |
+| "translate my app", "add Spanish", "make it Hebrew" | `skills/add-language.md` |
+| "set it up", "finish setup", "wire it up", "make it work" | grep `TODO(vybekiit)`, then run each named skill — see `AGENTS.md` → *Wire-up markers* |
+
+If sign-in needs a backend and none exists, run `vybekiit plan-readiness sign-in spa` — it orchestrates scaffolding `backend/` automatically.
+
+<!-- vybekiit:generated:start goal-index-validation -->
+<!-- Goal drift: run `vybekiit check-goals` — non-zero exit means fix goal-index or add skills -->
+<!-- vybekiit:generated:end goal-index-validation -->

package/dist/global-skills/vybekiitReferences/spa/agent/goal-routes.json

@@ -0,0 +1,267 @@
+{
+  "routes": [
+    {
+      "skill": "onboarding",
+      "path": ".agents/skills/onboarding/SKILL.md",
+      "phrases": [
+        "set up my app",
+        "let's start",
+        "get me going",
+        "just bought"
+      ],
+      "wholeRequestPhrases": [
+        "hi",
+        "help",
+        "hello",
+        "hey",
+        "what is this",
+        "what can you do",
+        "where do i start"
+      ]
+    },
+    {
+      "skill": "plan-my-idea",
+      "path": ".agents/skills/plan-my-idea/SKILL.md",
+      "phrases": [
+        "help me plan",
+        "figure out my idea",
+        "think it through",
+        "marketplace",
+        "like airbnb"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "setup-payments",
+      "path": ".agents/skills/setup-payments/SKILL.md",
+      "phrases": [
+        "add payments",
+        "take money",
+        "sell something",
+        "charge people"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "go-live",
+      "path": ".agents/skills/go-live/SKILL.md",
+      "phrases": [
+        "put it online",
+        "publish",
+        "make it live",
+        "ship it",
+        "deploy"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "connect-account",
+      "path": ".agents/skills/connect-account/SKILL.md",
+      "phrases": [
+        "sign in",
+        "log in",
+        "create accounts",
+        "add users",
+        "forgot password",
+        "reset password",
+        "lost password",
+        "change password email",
+        "magic link",
+        "email link sign in",
+        "sign in without password",
+        "passwordless email",
+        "sign in with phone",
+        "text me a code",
+        "sms login",
+        "phone number login",
+        "set up sms",
+        "text messages",
+        "twilio",
+        "whatsapp messages",
+        "send texts"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "save-data",
+      "path": ".agents/skills/save-data/SKILL.md",
+      "phrases": [
+        "save my data",
+        "remember this",
+        "store info",
+        "add a database",
+        "book my classes",
+        "yoga booking",
+        "cancel a reservation",
+        "class scheduling",
+        "booking",
+        "reservations",
+        "appointments",
+        "student accessibility"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "design-my-data",
+      "path": ".agents/skills/design-my-data/SKILL.md",
+      "phrases": [
+        "design my database",
+        "what data do i need",
+        "what should my app remember"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "add-files",
+      "path": ".agents/skills/add-files/SKILL.md",
+      "phrases": [
+        "upload",
+        "store files",
+        "attachments"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "vybekiit-feedback",
+      "path": ".agents/skills/vybekiit-feedback/SKILL.md",
+      "phrases": [
+        "send feedback",
+        "report a kit bug",
+        "suggest a kit improvement",
+        "the kit is confusing"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "doctor",
+      "path": ".agents/skills/doctor/SKILL.md",
+      "phrases": [
+        "it's broken",
+        "nothing works",
+        "get an error",
+        "check my app"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "update-kit",
+      "path": ".agents/skills/update-kit/SKILL.md",
+      "phrases": [
+        "update the kit",
+        "get the latest",
+        "upgrade"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "check-safety",
+      "path": ".agents/skills/check-safety/SKILL.md",
+      "phrases": [
+        "lock down",
+        "make it safe",
+        "protect from abuse",
+        "am i ready to ship",
+        "is my app safe",
+        "did we cover security"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "add-images",
+      "path": ".agents/skills/add-images/SKILL.md",
+      "phrases": [
+        "add my logo",
+        "hero image",
+        "app icon",
+        "add images"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "add-teams",
+      "path": ".agents/skills/add-teams/SKILL.md",
+      "phrases": [
+        "invite teammates",
+        "add my team",
+        "organizations"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "add-notifications",
+      "path": ".agents/skills/add-notifications/SKILL.md",
+      "phrases": [
+        "notify users",
+        "send alerts"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "add-analytics",
+      "path": ".agents/skills/add-analytics/SKILL.md",
+      "phrases": [
+        "visitor stats",
+        "analytics",
+        "track usage"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "sign-in-with-google",
+      "path": ".agents/skills/sign-in-with-google/SKILL.md",
+      "phrases": [
+        "sign in with google",
+        "continue with google"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "track-errors",
+      "path": ".agents/skills/track-errors/SKILL.md",
+      "phrases": [
+        "tell me when things break",
+        "error alerts",
+        "app crashes"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "watch-my-app",
+      "path": ".agents/skills/watch-my-app/SKILL.md",
+      "phrases": [
+        "watch my app",
+        "check if my app is working",
+        "tell me when my app is down"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "back-up-my-code",
+      "path": ".agents/skills/back-up-my-code/SKILL.md",
+      "phrases": [
+        "save my code",
+        "back up",
+        "put it on github"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "add-language",
+      "path": ".agents/skills/add-language/SKILL.md",
+      "phrases": [
+        "translate my app",
+        "add spanish",
+        "make it hebrew"
+      ],
+      "wholeRequestPhrases": []
+    },
+    {
+      "skill": "connect-account-backend",
+      "path": ".agents/skills/connect-account-backend/SKILL.md",
+      "phrases": [
+        "connect account backend"
+      ],
+      "wholeRequestPhrases": []
+    }
+  ]
+}

package/dist/global-skills/vybekiitReferences/spa/agent/mcp-agent.json

@@ -0,0 +1,14 @@
+{
+  "mcpServers": {
+    "vybekiit": {
+      "command": "node",
+      "args": [
+        "../../packages/agentMcp/dist/bin.js"
+      ],
+      "env": {
+        "VYBEKIIT_PROJECT_ROOT": ".",
+        "VYBEKIIT_UI_CATALOG_PATH": ".vybekiit/agent/ui-catalog-index.json"
+      }
+    }
+  }
+}

package/dist/global-skills/vybekiitReferences/spa/agent/mcp-setup.md

@@ -0,0 +1,63 @@
+
+## Agent skill (read locally or via MCP)
+
+- Auto-discovered: `.agents/skills/use-kit-mcp/SKILL.md`
+- Platform wrapper: `.vybekiit/platform-skills/mcp-tools-vybekiit.md`
+- Via MCP (when `vybekiit` server is connected): `search_skills({ query: "mcp tools" })` then `get_skill({ id: "use-kit-mcp" })` or `list_platform_skills({ query: "mcp" })`
+
+# MCP setup — Cursor, Claude Code, Claude Desktop, Codex (agent-only)
+
+Merge provider snippets from `.vybekiit/agent/mcp-*.json` into the buyer's AI client config. **Preserve existing servers** — never replace the whole file.
+
+## Cursor
+
+**Config:** project `.cursor/mcp.json` or global `~/.cursor/mcp.json`
+
+1. Open the config file (create with `{ "mcpServers": {} }` if missing).
+2. Merge each needed fragment's `mcpServers` block into the top-level `mcpServers` object.
+3. Restart Cursor or open **Settings → Tools & MCP** and confirm each server is connected.
+
+## Claude Code
+
+**Config:** project `.mcp.json`, or `claude mcp add --scope project <name> ...`
+
+Add a server only when the skill you are following needs it. Every connected server adds its tools
+to each session, so an idle server costs the vibe coder time and money. Merge the needed fragment's
+`mcpServers` block into `.mcp.json` (same JSON shape as Cursor), run `/mcp` to confirm it is
+connected, and remove servers the app no longer uses.
+
+## Claude Desktop
+
+**Config (macOS):** `~/Library/Application Support/Claude/claude_desktop_config.json`
+
+Same JSON shape as Cursor — merge `mcpServers` entries from the snippets below. Restart Claude Desktop after saving.
+
+## Codex
+
+**Config:** `~/.codex/config.toml` or project `.codex/config.toml` (trusted projects only)
+
+Use `codex mcp add` interactively, or add TOML tables manually for HTTP MCP servers (Stripe, Supabase, Neon).
+
+Restart Codex after changes. Run `/mcp` in a session to verify tools are listed.
+
+## Provider snippets (merge when the skill needs them)
+
+| When | File | Upstream docs |
+|------|------|---------------|
+| Data on backend (`DATA_PROVIDER=supabase`) | `mcp-supabase.json` | https://supabase.com/docs/guides/ai-tools/mcp |
+| Stripe payments (backend) | `mcp-stripe.json` | https://docs.stripe.com/mcp |
+| Neon data | `mcp-neon.json` | https://neon.tech/docs/ai/neon-mcp-server |
+| Sentry error alerts | `mcp-sentry.json` | https://mcp.sentry.dev/mcp |
+| PostHog analytics / flags | `mcp-posthog.json` | https://mcp.posthog.com/mcp |
+
+Copy `mcp-*.json` fragments from the **web** or **backend** template when a skill needs them — the SPA itself has no local copies until synced.
+
+### MCP failure → official docs
+
+If an MCP server fails to connect or a tool call errors **once**, do not retry blindly:
+
+1. Run `vybekiit doc-fallback <tech-id>` (e.g. `supabase`, `stripe`, `sentry`).
+2. Follow the returned official URLs and env key hints.
+3. Tell the builder only: *"I'm double-checking the official setup guide for this — hang tight, I'll have the next step in a moment."* Never say MCP, stack trace, or provider jargon aloud.
+
+Never connect MCP to production buyer data without `read_only=true` or a dev branch.

package/dist/global-skills/vybekiitReferences/spa/agent/session-bootstrap.md

@@ -0,0 +1,44 @@
+# Session bootstrap (agent-only)
+
+<!-- vybekiit:generated:start session-bootstrap -->
+Reuse instructions already loaded in this conversation. A greeting, a plain "help", or "what is this" in a project whose `checklist.md` Decision log has no dated entries starts the onboarding skill. Other simple questions need brief answers. Inspect before project-specific claims; execute requests for work.
+
+## Read order (when needed)
+
+1. `AGENTS.md` (contract)
+2. `.vybekiit/agent/session-bootstrap.md` (this file)
+3. `.vybekiit/agent/goal-index.md` → pick the matching skill (merge rows from `.vybekiit/extensions/goal-index.md` when present)
+4. Routine coding needs no new skill. Consult a platform wrapper only for the capability being changed; extend capabilities only for a real uncovered integration.
+5. Follow the skill exactly; use `language.md` for voice
+6. On skill complete: append one entry to `checklist.md` Decision log via `formatChecklistEntry()`
+7. Stuck on an integration after one MCP or debug attempt: `vybekiit doc-fallback <tech-id>` and tell the builder the plain stuck phrase only
+
+## Persistent features
+
+- For booking, payments, membership, and shared information: inspect the app and authorized connection, discover relevant presets, identify only missing behavior, review and apply migrations, wire existing adapters, then verify persistence, authorization, and concurrency.
+- Use the preset catalog matching skills, dependencies, versions, and provider requirements. A missing dedicated skill does not mean a capability is missing: inspect `vybekiit list-presets` before proposing custom storage or a different product. Load relevant manifests once; do not reload the entire catalog or unrelated integrations each turn.
+- Ordinary product intent authorizes ordinary implementation choices. Continue without asking the builder to design tables or reconfirm their request. Ask only for a missing product decision or a genuinely missing access step.
+- Store app-specific manifests and generated SQL under `.vybekiit/extensions/database/`. Use the same preset contract and `apply-preset <id> --manifest=<path>`; register extension table names with the selected relational adapter. Existing generic collections stay unchanged.
+- Read structured upgrade diagnostics before using `--upgrade`. Existing nulls, duplicates, incompatible definitions, or drift block the change. Preserve every existing row; never delete projects to free capacity. Never read or write a preset table before `verify-presets` shows its preset applied.
+- Reuse `booking` for capacity and cancellation and `organizations` for membership. One business owns its schedule: identify its owner with the app's existing admin check, never an organization per account. Only the owner and permitted staff create or change classes; students browse and book without an organization of their own. Call `reserveBooking` and `cancelBooking` through the selected data adapter, supplying the verified session identity from the server. Report what they return: a cancellation that changed nothing is not a success. Show remaining places from every student's active reservations without revealing who booked. Named staff roles are server-controlled permissions stored as memberships of the business's organization: use the tenancy provider's `inviteMember`, `updateMemberRole`, and `listMembers` (`organization_members.role`) and check them on the server next to the admin check. A super moderator is not a database administrator and cannot change roles without an explicit permission.
+- A browser-only or in-memory demonstration is a preview. It cannot complete a shared booking, payment, or membership request. Structural verification is separate from behavioral evidence; test unauthorized access, cross-organization access, duplicate requests, and simultaneous reservations against the running app with separate owner and student sign-ins. Install missing dependencies and start the app yourself, then check every new or changed permission with real sign-ins against the running app. Tests against mocked data are not behavioral evidence.
+- Record preset versions, extension paths, migration checksums, remaining limitations, and verification evidence in checklist.md Progress and Decision log. Resume from that evidence when asked where things stand.
+
+## Quiet process lifecycle
+
+- Execute ordinary commands with your own shell tool. Never open a terminal window or tab, invoke a terminal app, or ask the builder to run a command just to keep work visible.
+- Before starting a server or watcher, check its health URL or port and your current background tasks. Reuse a matching process that is already running.
+- Run long-lived servers and watchers with the agent's native background-task support. Keep the returned task handle and use it to read output, stop, or restart that process.
+- Keep at most one process per app service. Stop the tracked process before replacing it when a real restart is required.
+- Use bounded commands for tests and logs. Do not use watch mode for one-time checks.
+
+## Project skill discovery
+
+- Auto-discovered Agent Skills: `.agents/skills/<goal>/SKILL.md` (Cursor + Claude via `.cursor/skills` / `.claude/skills` symlinks; Codex when project skills are enabled).
+- Authoring fallback: `.vybekiit/skills/<goal>.md` (same body; used when a goal-index row is opened explicitly).
+- First-party MCP catalog (agent-only): `.agents/skills/use-kit-mcp/SKILL.md` and `.vybekiit/platform-skills/mcp-tools-vybekiit.md` — also via MCP `get_skill` / `list_platform_skills` / `search_skills` ("mcp tools").
+- Do not invent skills outside those folders or the buyer-owned `.vybekiit/extensions/` tree.
+
+Buyer-owned files you may append to (never delete): `checklist.md` Decision log, `CONTEXT.md` app glossary, `.vybekiit/extensions/**` (extension skills).
+Machine-global skills live in tool-specific paths (see `extend-capabilities-vybekiit.md`); tools auto-discover them.
+<!-- vybekiit:generated:end session-bootstrap -->

package/dist/global-skills/vybekiitReferences/spa/agent/ui-sources.md

@@ -0,0 +1,63 @@
+# UI source catalog — SPA admin app (agent-only)
+
+The builder never picks a UI library. You choose from this catalog, then **normalize** every block to kit primitives and `@vybekiit/tokens`.
+
+## Primary design system
+
+| Layer | Location | When to use |
+|---|---|---|
+| **shadcn/ui (primary)** | `src/components/ui/` | All new controls, forms, dialogs, toasts — default first |
+| **Modern UI** | `src/components/modern-ui/` | Marketing flair, rich text, animated accents — normalize buttons/inputs to `ui/` |
+| **TailAdmin (migrated)** | `src/components/tailadmin-ui/` | Legacy dashboard blocks already in the template — prefer shadcn for new screens |
+
+## Approved third-party sources (normalize-on-import)
+
+| Source | Best for | Install | Namespace |
+|---|---|---|---|
+| [shadcn/ui](https://ui.shadcn.com) | Core primitives, forms, dialogs | `npx shadcn@latest add <component>` | `src/components/ui/` |
+| [BundUI / Shadcn UI Kit](https://shadcnuikit.com/components) | Admin density, blocks | `npx shadcn@latest add @bundui/<name>` | `src/components/bundui/` |
+| [Magic UI](https://magicui.design) | Animated accents | `npx shadcn@latest add @magicui/<name>` | `src/components/magicui/` |
+| [Tremor](https://tremor.so) | Dashboard KPIs, charts | `@tremor/react` or shadcn chart | dashboard-only; wrap in kit `Card` |
+| [shadcn/ui Charts](https://ui.shadcn.com/charts) | Charts (Recharts) | `npx shadcn@latest add chart` | `src/components/ui/chart.tsx` |
+
+See `ui-consistency-vybekiit.md` for normalize-on-import workflow.
+
+## Forbidden
+
+Never install as the **primary design system**: MUI, Ant Design, Chakra, daisyUI, HeroUI, Bootstrap React.
+
+Do not add new TailAdmin components — migrate new UI to shadcn in `src/components/ui/`.
+
+## Decision tree
+
+- Standard control → `src/components/ui/` first
+- Existing dashboard page → reuse TailAdmin layout; swap controls to shadcn when touching the file
+- Marketing / editor flair → `modern-ui/` namespace, normalize interactive controls to `ui/`
+- Dashboard metrics → Tremor or shadcn Charts inside kit `Card`
+- Live data tables → TanStack Query + kit table patterns; realtime via `socket-io-vybekiit.md`
+
+<!-- vybekiit:generated:start web-ui-sources -->
+# Approved UI block sources
+
+| Source | Best for | Install | Notes |
+|---|---|---|---|
+| [shadcn/ui](https://ui.shadcn.com) | Core primitives, forms, dialogs | npx shadcn@latest add <component> | Default foundation — always prefer over duplicates |
+| [BundUI / Shadcn UI Kit](https://shadcnuikit.com/components) | 503+ free shadcn variants, blocks, admin patterns | npx shadcn@latest add @bundui/<name> | Mirror in components/bundui/; normalize controls to kit primitives |
+| [Magic UI](https://magicui.design) | Animated marketing, marquees, beams, bento | npx shadcn@latest add @magicui/<name> | Mirror in components/magicui/; normalize buttons/inputs to kit primitives |
+| [Kokonut UI](https://kokonutui.com) | Interactive marketing, modern layouts | npx shadcn@latest add @kokonutui/<name> | Mirror in components/kokonutui/; shadcn + Motion; strip custom button sizes |
+| [21st.dev](https://21st.dev) | Community blocks, agent templates | npx shadcn add <registry-url> | Mirror curated blocks in components/blocks/21st/; reject blocks that bypass primitives |
+| [Aceternity UI](https://ui.aceternity.com) | High-motion landing sections | npx shadcn@latest add https://ui.aceternity.com/registry/<name>.json | Mirror in components/aceternity/; free tier only; no OSS GitHub |
+| [Untitled UI React](https://www.untitledui.com/react) | Enterprise admin, dense application UI | npx untitledui@latest add <name> | Mirror in components/untitled/; React Aria — never merge into ui/ |
+| [Gluestack UI](https://gluestack.io/ui) | Cross-platform patterns (web mirror only in VybeKiit) | npx gluestack-ui@latest add <name> | Mirror web subset in components/gluestack/; mobile ports via kit StyleSheet only |
+| [AI Elements](https://elements.ai-sdk.dev) | AI chat, agents, streaming, tool UI | npx shadcn@latest add @aielements/<name> | Mirror in components/ai-elements/; normalize to kit forms |
+| [Kibo UI](https://www.kibo-ui.com) | Application UI: kanban, editor, gantt, data viz | npx shadcn@latest add @kibo/<name> | Mirror in components/kibo/; never replace ui/ primitives |
+| [Tailark](https://tailark.com) | Marketing blocks, conversion layouts (Dusk + Mist kits) | npx shadcn@latest add @tailark/<name> | Mirror in components/tailark/; keep token colors |
+| [Cult UI](https://www.cult-ui.com) | Tasteful motion + AI SDK agent patterns | npx shadcn@latest add @cult/<name> | Mirror in components/cult/; map to kit forms; skip Cult Pro |
+| [COSS UI](https://coss.com/ui) | Advanced primitives and application blocks (Origin UI successor) | npx shadcn@latest add @coss/<name> | Mirror in components/coss/; never merge into ui/ wholesale |
+| [Prompt Kit](https://www.prompt-kit.com) | AI prompt input, chat shells, streaming UX | npx shadcn@latest add @prompt-kit/<name> | Mirror in components/prompt-kit/; pairs with AI Elements |
+| [Supabase UI](https://supabase.com/ui) | Auth blocks, Supabase-connected patterns | npx shadcn@latest add @supabase/<name> | Mirror in components/supabase/; default stack adapter is Supabase |
+| [Blocks.so](https://blocks.so) | Login, sidebar, dialog, app shell blocks | npx shadcn@latest add @blocks-so/<name> | Mirror in components/blocks-so/ |
+| [EvilCharts](https://evilcharts.com) | Animated Recharts dashboards | npx shadcn@latest add @evilcharts/<name> | Mirror in components/evilcharts/; wrap in kit Card |
+| [Shadcnblocks (free)](https://shadcnblocks.com) | Figma-aligned marketing blocks (free tier only) | npx shadcn@latest add @shadcnblocks/<name> | Mirror reachable free blocks in components/shadcnblocks/; never sync Pro tier |
+| [shadcn/ui Charts](https://ui.shadcn.com/charts) | Charts (Recharts) | npx shadcn@latest add chart | Preferred baseline chart primitive in ui/ |
+<!-- vybekiit:generated:end web-ui-sources -->