thachvd-kit 1.0.0

package/.shared/ui-ux-pro-max/scripts/search.py

@@ -0,0 +1,106 @@
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+"""
+UI/UX Pro Max Search - BM25 search engine for UI/UX style guides
+Usage: python search.py "<query>" [--domain <domain>] [--stack <stack>] [--max-results 3]
+       python search.py "<query>" --design-system [-p "Project Name"]
+       python search.py "<query>" --design-system --persist [-p "Project Name"] [--page "dashboard"]
+
+Domains: style, prompt, color, chart, landing, product, ux, typography
+Stacks: html-tailwind, react, nextjs
+
+Persistence (Master + Overrides pattern):
+  --persist    Save design system to design-system/MASTER.md
+  --page       Also create a page-specific override file in design-system/pages/
+"""
+
+import argparse
+from core import CSV_CONFIG, AVAILABLE_STACKS, MAX_RESULTS, search, search_stack
+from design_system import generate_design_system, persist_design_system
+
+
+def format_output(result):
+    """Format results for Claude consumption (token-optimized)"""
+    if "error" in result:
+        return f"Error: {result['error']}"
+
+    output = []
+    if result.get("stack"):
+        output.append(f"## UI Pro Max Stack Guidelines")
+        output.append(f"**Stack:** {result['stack']} | **Query:** {result['query']}")
+    else:
+        output.append(f"## UI Pro Max Search Results")
+        output.append(f"**Domain:** {result['domain']} | **Query:** {result['query']}")
+    output.append(f"**Source:** {result['file']} | **Found:** {result['count']} results\n")
+
+    for i, row in enumerate(result['results'], 1):
+        output.append(f"### Result {i}")
+        for key, value in row.items():
+            value_str = str(value)
+            if len(value_str) > 300:
+                value_str = value_str[:300] + "..."
+            output.append(f"- **{key}:** {value_str}")
+        output.append("")
+
+    return "\n".join(output)
+
+
+if __name__ == "__main__":
+    parser = argparse.ArgumentParser(description="UI Pro Max Search")
+    parser.add_argument("query", help="Search query")
+    parser.add_argument("--domain", "-d", choices=list(CSV_CONFIG.keys()), help="Search domain")
+    parser.add_argument("--stack", "-s", choices=AVAILABLE_STACKS, help="Stack-specific search (html-tailwind, react, nextjs)")
+    parser.add_argument("--max-results", "-n", type=int, default=MAX_RESULTS, help="Max results (default: 3)")
+    parser.add_argument("--json", action="store_true", help="Output as JSON")
+    # Design system generation
+    parser.add_argument("--design-system", "-ds", action="store_true", help="Generate complete design system recommendation")
+    parser.add_argument("--project-name", "-p", type=str, default=None, help="Project name for design system output")
+    parser.add_argument("--format", "-f", choices=["ascii", "markdown"], default="ascii", help="Output format for design system")
+    # Persistence (Master + Overrides pattern)
+    parser.add_argument("--persist", action="store_true", help="Save design system to design-system/MASTER.md (creates hierarchical structure)")
+    parser.add_argument("--page", type=str, default=None, help="Create page-specific override file in design-system/pages/")
+    parser.add_argument("--output-dir", "-o", type=str, default=None, help="Output directory for persisted files (default: current directory)")
+
+    args = parser.parse_args()
+
+    # Design system takes priority
+    if args.design_system:
+        result = generate_design_system(
+            args.query, 
+            args.project_name, 
+            args.format,
+            persist=args.persist,
+            page=args.page,
+            output_dir=args.output_dir
+        )
+        print(result)
+        
+        # Print persistence confirmation
+        if args.persist:
+            project_slug = args.project_name.lower().replace(' ', '-') if args.project_name else "default"
+            print("\n" + "=" * 60)
+            print(f"✅ Design system persisted to design-system/{project_slug}/")
+            print(f"   📄 design-system/{project_slug}/MASTER.md (Global Source of Truth)")
+            if args.page:
+                page_filename = args.page.lower().replace(' ', '-')
+                print(f"   📄 design-system/{project_slug}/pages/{page_filename}.md (Page Overrides)")
+            print("")
+            print(f"📖 Usage: When building a page, check design-system/{project_slug}/pages/[page].md first.")
+            print(f"   If exists, its rules override MASTER.md. Otherwise, use MASTER.md.")
+            print("=" * 60)
+    # Stack search
+    elif args.stack:
+        result = search_stack(args.query, args.stack, args.max_results)
+        if args.json:
+            import json
+            print(json.dumps(result, indent=2, ensure_ascii=False))
+        else:
+            print(format_output(result))
+    # Domain search
+    else:
+        result = search(args.query, args.domain, args.max_results)
+        if args.json:
+            import json
+            print(json.dumps(result, indent=2, ensure_ascii=False))
+        else:
+            print(format_output(result))

package/ARCHITECTURE.md

@@ -0,0 +1,288 @@
+# Antigravity Kit Architecture
+
+> Comprehensive AI Agent Capability Expansion Toolkit
+
+---
+
+## 📋 Overview
+
+Antigravity Kit is a modular system consisting of:
+
+- **20 Specialist Agents** - Role-based AI personas
+- **36 Skills** - Domain-specific knowledge modules
+- **11 Workflows** - Slash command procedures
+
+---
+
+## 🏗️ Directory Structure
+
+```plaintext
+.agent/
+├── ARCHITECTURE.md          # This file
+├── agents/                  # 20 Specialist Agents
+├── skills/                  # 36 Skills
+├── workflows/               # 11 Slash Commands
+├── rules/                   # Global Rules
+└── scripts/                 # Master Validation Scripts
+```
+
+---
+
+## 🤖 Agents (20)
+
+Specialist AI personas for different domains.
+
+| Agent                    | Focus                      | Skills Used                                              |
+| ------------------------ | -------------------------- | -------------------------------------------------------- |
+| `orchestrator`           | Multi-agent coordination   | parallel-agents, behavioral-modes                        |
+| `project-planner`        | Discovery, task planning   | brainstorming, plan-writing, architecture                |
+| `frontend-specialist`    | Web UI/UX                  | frontend-design, react-best-practices, tailwind-patterns |
+| `backend-specialist`     | API, business logic        | api-patterns, nodejs-best-practices, database-design     |
+| `database-architect`     | Schema, SQL                | database-design, prisma-expert                           |
+| `mobile-developer`       | iOS, Android, RN           | mobile-design                                            |
+| `game-developer`         | Game logic, mechanics      | game-development                                         |
+| `devops-engineer`        | CI/CD, Docker              | deployment-procedures, docker-expert                     |
+| `security-auditor`       | Security compliance        | vulnerability-scanner, red-team-tactics                  |
+| `penetration-tester`     | Offensive security         | red-team-tactics                                         |
+| `test-engineer`          | Testing strategies         | testing-patterns, tdd-workflow, webapp-testing           |
+| `debugger`               | Root cause analysis        | systematic-debugging                                     |
+| `performance-optimizer`  | Speed, Web Vitals          | performance-profiling                                    |
+| `seo-specialist`         | Ranking, visibility        | seo-fundamentals, geo-fundamentals                       |
+| `documentation-writer`   | Manuals, docs              | documentation-templates                                  |
+| `product-manager`        | Requirements, user stories | plan-writing, brainstorming                              |
+| `product-owner`          | Strategy, backlog, MVP     | plan-writing, brainstorming                              |
+| `qa-automation-engineer` | E2E testing, CI pipelines  | webapp-testing, testing-patterns                         |
+| `code-archaeologist`     | Legacy code, refactoring   | clean-code, code-review-checklist                        |
+| `explorer-agent`         | Codebase analysis          | -                                                        |
+
+---
+
+## 🧩 Skills (36)
+
+Modular knowledge domains that agents can load on-demand. based on task context.
+
+### Frontend & UI
+
+| Skill                   | Description                                                           |
+| ----------------------- | --------------------------------------------------------------------- |
+| `react-best-practices`  | React & Next.js performance optimization (Vercel - 57 rules)          |
+| `web-design-guidelines` | Web UI audit - 100+ rules for accessibility, UX, performance (Vercel) |
+| `tailwind-patterns`     | Tailwind CSS v4 utilities                                             |
+| `frontend-design`       | UI/UX patterns, design systems                                        |
+| `ui-ux-pro-max`         | 50 styles, 21 palettes, 50 fonts                                      |
+
+### Backend & API
+
+| Skill                   | Description                    |
+| ----------------------- | ------------------------------ |
+| `api-patterns`          | REST, GraphQL, tRPC            |
+| `nestjs-expert`         | NestJS modules, DI, decorators |
+| `nodejs-best-practices` | Node.js async, modules         |
+| `python-patterns`       | Python standards, FastAPI      |
+
+### Database
+
+| Skill             | Description                 |
+| ----------------- | --------------------------- |
+| `database-design` | Schema design, optimization |
+| `prisma-expert`   | Prisma ORM, migrations      |
+
+### TypeScript/JavaScript
+
+| Skill               | Description                         |
+| ------------------- | ----------------------------------- |
+| `typescript-expert` | Type-level programming, performance |
+
+### Cloud & Infrastructure
+
+| Skill                   | Description               |
+| ----------------------- | ------------------------- |
+| `docker-expert`         | Containerization, Compose |
+| `deployment-procedures` | CI/CD, deploy workflows   |
+| `server-management`     | Infrastructure management |
+
+### Testing & Quality
+
+| Skill                   | Description              |
+| ----------------------- | ------------------------ |
+| `testing-patterns`      | Jest, Vitest, strategies |
+| `webapp-testing`        | E2E, Playwright          |
+| `tdd-workflow`          | Test-driven development  |
+| `code-review-checklist` | Code review standards    |
+| `lint-and-validate`     | Linting, validation      |
+
+### Security
+
+| Skill                   | Description              |
+| ----------------------- | ------------------------ |
+| `vulnerability-scanner` | Security auditing, OWASP |
+| `red-team-tactics`      | Offensive security       |
+
+### Architecture & Planning
+
+| Skill           | Description                |
+| --------------- | -------------------------- |
+| `app-builder`   | Full-stack app scaffolding |
+| `architecture`  | System design patterns     |
+| `plan-writing`  | Task planning, breakdown   |
+| `brainstorming` | Socratic questioning       |
+
+### Mobile
+
+| Skill           | Description           |
+| --------------- | --------------------- |
+| `mobile-design` | Mobile UI/UX patterns |
+
+### Game Development
+
+| Skill              | Description           |
+| ------------------ | --------------------- |
+| `game-development` | Game logic, mechanics |
+
+### SEO & Growth
+
+| Skill              | Description                   |
+| ------------------ | ----------------------------- |
+| `seo-fundamentals` | SEO, E-E-A-T, Core Web Vitals |
+| `geo-fundamentals` | GenAI optimization            |
+
+### Shell/CLI
+
+| Skill                | Description               |
+| -------------------- | ------------------------- |
+| `bash-linux`         | Linux commands, scripting |
+| `powershell-windows` | Windows PowerShell        |
+
+### Other
+
+| Skill                     | Description               |
+| ------------------------- | ------------------------- |
+| `clean-code`              | Coding standards (Global) |
+| `behavioral-modes`        | Agent personas            |
+| `parallel-agents`         | Multi-agent patterns      |
+| `mcp-builder`             | Model Context Protocol    |
+| `documentation-templates` | Doc formats               |
+| `i18n-localization`       | Internationalization      |
+| `performance-profiling`   | Web Vitals, optimization  |
+| `systematic-debugging`    | Troubleshooting           |
+
+---
+
+## 🔄 Workflows (11)
+
+Slash command procedures. Invoke with `/command`.
+
+| Command          | Description              |
+| ---------------- | ------------------------ |
+| `/brainstorm`    | Socratic discovery       |
+| `/create`        | Create new features      |
+| `/debug`         | Debug issues             |
+| `/deploy`        | Deploy application       |
+| `/enhance`       | Improve existing code    |
+| `/orchestrate`   | Multi-agent coordination |
+| `/plan`          | Task breakdown           |
+| `/preview`       | Preview changes          |
+| `/status`        | Check project status     |
+| `/test`          | Run tests                |
+| `/ui-ux-pro-max` | Design with 50 styles    |
+
+---
+
+## 🎯 Skill Loading Protocol
+
+```plaintext
+User Request → Skill Description Match → Load SKILL.md
+                                            ↓
+                                    Read references/
+                                            ↓
+                                    Read scripts/
+```
+
+### Skill Structure
+
+```plaintext
+skill-name/
+├── SKILL.md           # (Required) Metadata & instructions
+├── scripts/           # (Optional) Python/Bash scripts
+├── references/        # (Optional) Templates, docs
+└── assets/            # (Optional) Images, logos
+```
+
+### Enhanced Skills (with scripts/references)
+
+| Skill               | Files | Coverage                            |
+| ------------------- | ----- | ----------------------------------- |
+| `ui-ux-pro-max`     | 27    | 50 styles, 21 palettes, 50 fonts    |
+| `app-builder`       | 20    | Full-stack scaffolding              |
+
+---
+
+## � Scripts (2)
+
+Master validation scripts that orchestrate skill-level scripts.
+
+### Master Scripts
+
+| Script          | Purpose                                 | When to Use              |
+| --------------- | --------------------------------------- | ------------------------ |
+| `checklist.py`  | Priority-based validation (Core checks) | Development, pre-commit  |
+| `verify_all.py` | Comprehensive verification (All checks) | Pre-deployment, releases |
+
+### Usage
+
+```bash
+# Quick validation during development
+python .agent/scripts/checklist.py .
+
+# Full verification before deployment
+python .agent/scripts/verify_all.py . --url http://localhost:3000
+```
+
+### What They Check
+
+**checklist.py** (Core checks):
+
+- Security (vulnerabilities, secrets)
+- Code Quality (lint, types)
+- Schema Validation
+- Test Suite
+- UX Audit
+- SEO Check
+
+**verify_all.py** (Full suite):
+
+- Everything in checklist.py PLUS:
+- Lighthouse (Core Web Vitals)
+- Playwright E2E
+- Bundle Analysis
+- Mobile Audit
+- i18n Check
+
+For details, see [scripts/README.md](scripts/README.md)
+
+---
+
+## 📊 Statistics
+
+| Metric              | Value                         |
+| ------------------- | ----------------------------- |
+| **Total Agents**    | 20                            |
+| **Total Skills**    | 36                            |
+| **Total Workflows** | 11                            |
+| **Total Scripts**   | 2 (master) + 18 (skill-level) |
+| **Coverage**        | ~90% web/mobile development   |
+
+---
+
+## 🔗 Quick Reference
+
+| Need     | Agent                 | Skills                                |
+| -------- | --------------------- | ------------------------------------- |
+| Web App  | `frontend-specialist` | react-best-practices, frontend-design |
+| API      | `backend-specialist`  | api-patterns, nodejs-best-practices   |
+| Mobile   | `mobile-developer`    | mobile-design                         |
+| Database | `database-architect`  | database-design, prisma-expert        |
+| Security | `security-auditor`    | vulnerability-scanner                 |
+| Testing  | `test-engineer`       | testing-patterns, webapp-testing      |
+| Debug    | `debugger`            | systematic-debugging                  |
+| Plan     | `project-planner`     | brainstorming, plan-writing           |

package/CLAUDE.md

@@ -0,0 +1,90 @@
+# CLAUDE.md
+# thachvd-kit — Universal Agent Kit
+# For Claude Code, Codex, OpenCode compatibility
+# 
+# After cloning: run `python scripts/init.py --platform all`
+# to generate PROJECT_CONTEXT.md + customize this file for your project.
+
+## Quick Start
+
+1. Run `python scripts/init.py` → generates PROJECT_CONTEXT.md
+2. Open project in your AI editor
+3. The agent reads PROJECT_CONTEXT.md on every session start
+
+---
+
+## Core Protocol
+
+**Every session starts by reading PROJECT_CONTEXT.md.**
+If missing → run `python scripts/init.py` first.
+
+### Request Classification
+
+| Type | Triggers | Action |
+|------|----------|--------|
+| QUESTION | "what", "how", "explain" | Direct answer |
+| SURVEY | "analyze", "list", "overview" | Analysis only, no code |
+| SIMPLE FIX | "fix", "add", "change" (single file) | Inline edit |
+| BUILD | "build", "create", "implement" | Plan → Agent → Code |
+| DESIGN | "design", "UI", "page" | Plan → Agent → Code |
+
+### Agent Selection
+
+Read `stack.primary_language` from PROJECT_CONTEXT.md, then:
+
+| Language/Framework | Agent | Key Skills |
+|-------------------|-------|-----------|
+| Vue / React / Next | frontend-specialist | frontend-design |
+| Laravel / PHP | backend-specialist | laravel-patterns, laravel-security |
+| Node / Express | backend-specialist | nodejs-best-practices, api-design |
+| Python / FastAPI | backend-specialist | python-patterns |
+| Go | backend-specialist | golang-patterns, golang-testing |
+| Rust / Tauri | mobile-developer | rust-pro |
+| Docker / AWS | devops-engineer | docker-patterns |
+| Any | debugger | systematic-debugging |
+
+Before writing code: **announce the agent** — `🤖 Applying knowledge of @[agent]...`
+
+---
+
+## Execution Workflow (BUILD tasks)
+
+```
+1. brainstorming → Clarify requirements
+2. plan-writing → Create task-slug.md plan
+3. using-git-worktrees → Isolated workspace
+4. subagent-driven-development → Implement with 2-stage review
+5. requesting-code-review → After each major task
+6. verification-before-completion → Before claiming done
+7. finishing-a-development-branch → Merge / PR / keep
+```
+
+Simple fixes: skip worktree, go straight to implementation.
+
+---
+
+## Universal Rules
+
+- Respond in user's language; code/comments in English
+- `clean-code` applies to all code, all languages
+- Tests mandatory: Unit > Integration > E2E
+- Verify with evidence before claiming "done"
+- Identify dependent files before modifying any
+
+---
+
+## Project-Specific Info
+
+See PROJECT_CONTEXT.md (generated by `python scripts/init.py`).
+
+---
+
+## Commands
+
+| Slash Command | Action |
+|---------------|--------|
+| `/plan` | Create implementation plan → task-slug.md |
+| `/debug` | Systematic debugging workflow |
+| `/review` | Request code review |
+| `/verify` | Run verification checks before claiming done |
+| `/finish` | Finish development branch (merge/PR/discard) |

package/PROJECT_CONTEXT.template.md

@@ -0,0 +1,68 @@
+# PROJECT_CONTEXT.md
+# Auto-generated by scripts/init.py — edit as needed
+
+## Project
+
+- **Name:** {{PROJECT_NAME}}
+- **Description:** {{PROJECT_DESCRIPTION}}
+- **Type:** {{PROJECT_TYPE}}  # web-app | api | mobile | desktop | cli | library
+
+---
+
+## Stack
+
+```yaml
+stack:
+  primary_language: {{PRIMARY_LANGUAGE}}   # typescript | python | go | php | rust | java | ...
+  frameworks:
+    frontend: {{FRONTEND_FRAMEWORK}}        # vue | react | next | nuxt | svelte | none
+    backend: {{BACKEND_FRAMEWORK}}          # laravel | express | fastapi | gin | none
+    mobile: {{MOBILE_FRAMEWORK}}            # tauri | react-native | flutter | none
+  database: {{DATABASE}}                    # postgres | mysql | sqlite | mongodb | redis | none
+  infrastructure:
+    containerization: {{USES_DOCKER}}       # true | false
+    cloud: {{CLOUD_PROVIDER}}              # aws | gcp | azure | vercel | fly | none
+    ci_cd: {{CI_CD}}                       # github-actions | gitlab-ci | none
+```
+
+---
+
+## Agent Routing (Auto-configured)
+
+| Task Type | Agent | Primary Skills |
+|-----------|-------|----------------|
+| Frontend UI | `frontend-specialist` | {{FRONTEND_SKILLS}} |
+| Backend API | `backend-specialist` | {{BACKEND_SKILLS}} |
+| DevOps / Infra | `devops-engineer` | {{DEVOPS_SKILLS}} |
+| Database | `database-architect` | database-design |
+| Debug | `debugger` | systematic-debugging |
+| Security | `security-auditor` | vulnerability-scanner |
+
+---
+
+## Project Conventions
+
+- **Max file size:** {{MAX_FILE_LINES}} lines (then split into modules)
+- **Test framework:** {{TEST_FRAMEWORK}}
+- **Package manager:** {{PACKAGE_MANAGER}}
+- **Code style:** {{CODE_STYLE}}
+
+---
+
+## Architecture Notes
+
+{{ARCHITECTURE_NOTES}}
+
+---
+
+## Current Phase
+
+- **Done:** {{DONE_PHASES}}
+- **In Progress:** {{CURRENT_PHASE}}
+- **Next:** {{NEXT_PHASE}}
+
+---
+
+## Known Issues / Tasks
+
+{{KNOWN_ISSUES}}

package/README.md

@@ -0,0 +1,69 @@
+# thachvd-kit — Universal Agent Kit
+
+A universally compatible, high-power agent toolkit designed for **Antigravity**, **Claude Code**, and **Codex/OpenCode**. 
+It dynamically sets up rules and intelligently routes agent skills based on your project's technology stack using a CLI wizard.
+
+## 🚀 Quick Start
+
+You can initialize `thachvd-kit` in **any** project directory without manually copying files!
+
+Simply run the wizard:
+
+```bash
+npx thachvd-kit
+# or
+npx github:thachvd/thachvd-kit
+```
+
+The interactive wizard will ask you a few questions about your project (frontend, backend, database, infrastructure, etc.). 
+Based on your answers, it will:
+1. **Copy** the highly optimized agents, skills, and rules to a `.agent` folder inside your project.
+2. **Generate** a smart `PROJECT_CONTEXT.md` file tailored specifically to your chosen stack.
+3. **Generate** a `CLAUDE.md` to ensure maximum cross-platform compatibility.
+
+### Global Installation (Like `agkit-init`)
+
+If you want to install it globally on your machine:
+
+```bash
+npm install -g github:thachvd/thachvd-kit
+```
+
+Then, whenever you start a new project, just type:
+
+```bash
+thachvd-kit
+```
+
+---
+
+## 🧠 How It Works
+
+This kit uses a **Universal Protocol Engine** (`GEMINI.md` / `CLAUDE.md`) that is completely stack-agnostic. 
+
+Instead of hardcoding rules, it relies on the `PROJECT_CONTEXT.md` file (generated by the CLI wizard) to automatically detect the environment and load the **right** skills:
+
+- Are you using **Laravel**? It loads `laravel-patterns`, `laravel-security`, and `laravel-tdd`.
+- Are you using **Go**? It brings in `golang-patterns` and `golang-testing`.
+- Are you using **React/Vue** & **Tailwind**? It primes the agent with `frontend-design` and `nextjs-react-expert`.
+
+## 🛠️ Features
+
+- 🎯 **50+ Production-Grade Skills:** From architecture patterns to multi-agent parallel dispatching.
+- ⚡️ **Subagent-Driven Development:** Agents act as your implementer, spec-verifier, and code-reviewer without human bottlenecks.
+- 🛡️ **Zero Hallucination Completion:** Built-in `verification-before-completion` forces the agent to run tests before claiming "done".
+- 🚀 **Isolated Worktrees:** Automatically manages hidden `git worktrees` so you never pollute your main branch with broken iterations.
+
+## Directory Structure (Inside your `.agent` folder)
+
+```text
+.agent/
+├── rules/GEMINI.md      ← The Universal Rules Engine
+├── agents/              ← 20+ specialized agents (frontend, backend, db, ...)
+├── skills/              ← 50+ domain & workflow skills
+└── workflows/           ← Executable workflows
+```
+
+---
+
+**Made with ❤️ for AI-native software engineering.**