bps-kit 1.0.19 → 1.1.0

package/bin/cli.js

@@ -5,45 +5,165 @@ const path = require('path');
 const chalk = require('chalk');
 const ora = require('ora');
 const { program } = require('commander');
+const { execSync } = require('child_process');
+
+const pkg = require('../package.json');
+
+// Configuration
+const TEMPLATES_DIR = path.join(__dirname, '..', 'templates');
+const DEST_BASE = process.cwd();
+const DEST_AGENTS = path.join(DEST_BASE, '.agents');
+const LOCKFILE = path.join(DEST_BASE, '.bps-kit.json');
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Custom Help
+// ──────────────────────────────────────────────────────────────────────────────
+function printHelp() {
+    console.log(`
+${chalk.bold.cyan('🚀 BPS Kit')} ${chalk.dim(`v${pkg.version}`)} ${chalk.bold('— Antigravity IDE Brain Installer')}
+
+${chalk.bold('USAGE:')}
+  ${chalk.green('npx bps-kit')} ${chalk.dim('[profile] [options]')}
+
+${chalk.bold('PROFILES:')}
+  ${chalk.green('--basic')}     Modo economia extrema (11 skills) — ideal para Copilot simples
+  ${chalk.green('--normal')}    Skills essenciais     (42 skills) — ideal para Web/React/Next  ${chalk.dim('[default]')}
+  ${chalk.green('--extra')}     Skills Premium        (69 skills) — Python, QA, Cloud, Security
+
+${chalk.bold('OPTIONS:')}
+  ${chalk.green('--vscode')}    Converte para o formato VS Code GitHub Copilot ${chalk.dim('(.github/)')}
+  ${chalk.green('--update')}    Re-instala o cérebro usando o perfil salvo neste projeto
+  ${chalk.green('--upgrade')}   Atualiza o pacote bps-kit para a versão mais recente no npm
+  ${chalk.green('--help')}      Exibe esta mensagem de ajuda
+  ${chalk.green('--version')}   Exibe a versão atual
+
+${chalk.bold('EXAMPLES:')}
+  ${chalk.dim('npx bps-kit --normal')}
+  ${chalk.dim('npx bps-kit --extra --vscode')}
+  ${chalk.dim('npx bps-kit --update')}
+  ${chalk.dim('npx bps-kit --upgrade')}
+
+${chalk.bold('TARGETS:')}
+  ${chalk.cyan('Antigravity IDE')} ${chalk.dim('(primary)')}  →  ${chalk.dim('.agents/')}
+  ${chalk.cyan('VS Code Copilot')} ${chalk.dim('(--vscode)')} →  ${chalk.dim('.github/')} + ${chalk.dim('.copilot-skills/')}
+`);
+}
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Upgrade — atualiza o próprio pacote npm
+// ──────────────────────────────────────────────────────────────────────────────
+async function runUpgrade() {
+    console.log(chalk.bold.cyan('\n🔄 BPS Kit — Upgrade\n'));
+    const spinner = ora('Verificando versão mais recente no npm...').start();
+
+    try {
+        const latest = execSync('npm show bps-kit version', { encoding: 'utf8' }).trim();
+
+        if (latest === pkg.version) {
+            spinner.succeed(chalk.green(`Você já está na versão mais recente: v${pkg.version}`));
+            return;
+        }
+
+        spinner.text = `Atualizando bps-kit ${chalk.yellow(`v${pkg.version}`)} → ${chalk.green(`v${latest}`)}...`;
+        execSync('npm install -g bps-kit@latest', { stdio: 'inherit' });
+        spinner.succeed(chalk.green(`bps-kit atualizado para v${latest} com sucesso! 🎉`));
+        console.log(chalk.dim('\nPróxima execução: npx bps-kit --update  (para re-instalar o cérebro com o novo pacote)\n'));
+
+    } catch (err) {
+        spinner.fail(chalk.red('Falha ao verificar ou instalar atualização.'));
+        console.error(chalk.dim(err.message));
+        process.exit(1);
+    }
+}
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Update — re-instala usando o perfil salvo em .bps-kit.json
+// ──────────────────────────────────────────────────────────────────────────────
+async function runUpdate() {
+    console.log(chalk.bold.cyan('\n♻️  BPS Kit — Update\n'));
+
+    if (!await fs.pathExists(LOCKFILE)) {
+        console.log(chalk.red('✖ Lockfile .bps-kit.json não encontrado neste diretório.'));
+        console.log(chalk.yellow('  Execute a instalação inicial primeiro:'));
+        console.log(chalk.dim('  npx bps-kit --normal        (ou --basic / --extra)\n'));
+        process.exit(1);
+    }
+
+    const lock = await fs.readJson(LOCKFILE);
+    const mode = lock.mode || 'normal';
+    const wasVscode = lock.vscode || false;
+
+    console.log(chalk.white(`Perfil detectado : `) + chalk.greenBright(mode.toUpperCase()));
+    console.log(chalk.white(`VS Code mode     : `) + chalk.greenBright(wasVscode ? 'sim' : 'não'));
+    console.log('');
+
+    // Reutilizar a lógica de instalação
+    await runInstaller({ basic: mode === 'basic', normal: mode === 'normal', extra: mode === 'extra', vscode: wasVscode });
+}
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Commander setup
+// ──────────────────────────────────────────────────────────────────────────────
+
+// Interceptar --help e ausência de flags ANTES do commander processar
+const rawArgs = process.argv.slice(2);
+if (rawArgs.length === 0 || rawArgs.includes('--help') || rawArgs.includes('-h')) {
+    printHelp();
+    process.exit(0);
+}
 
 program
-    .version('1.0.0')
-    .description('BPS Kit Installer - The NextGen Modular AI Brain Setup')
+    .name('bps-kit')
+    .version(pkg.version, '-v, --version', 'Exibe a versão atual')
+    .description('BPS Kit — Antigravity IDE Brain Installer')
     .option('-b, --basic', 'Modo economia extrema (11 skills apenas o core analítico, ideal para Copilot)')
-    .option('-n, --normal', 'Instala as skills essenciais (39 skills, ideal para Web/React/Next)')
-    .option('-e, --extra', 'Instala as skills avançadas Premium (65 skills, inclui Python, QA, Cloud e Sec)')
-    .option('--vscode', 'Converte a estrutura final herdada do Cursor/Windsurf (.agents) para o formato do VS Code GitHub Copilot (.github)')
+    .option('-n, --normal', 'Instala as skills essenciais (42 skills, ideal para Web/React/Next)')
+    .option('-e, --extra', 'Instala as skills avançadas Premium (69 skills, inclui Python, QA, Cloud e Sec)')
+    .option('--vscode', 'Converte a estrutura para o formato VS Code GitHub Copilot (.github/)')
+    .option('--update', 'Re-instala o cérebro usando o perfil salvo (.bps-kit.json)')
+    .option('--upgrade', 'Atualiza o pacote bps-kit para a versão mais recente no npm')
+    .helpOption(false)
     .parse(process.argv);
 
 const options = program.opts();
 
-// Configuration
-const TEMPLATES_DIR = path.join(__dirname, '..', 'templates');
-const DEST_BASE = process.cwd();
-const DEST_AGENTS = path.join(DEST_BASE, '.agents');
-const DEST_GEMINI = path.join(DEST_BASE, '.gemini'); // Symlink fake fallback or rules
+// Roteamento
+if (options.upgrade) {
+    runUpgrade();
+} else if (options.update) {
+    runUpdate();
+} else {
+    (async () => {
+        // Determinar o mode (default normal se nao passar args)
+        let mode = 'normal';
+        if (options.basic) {
+            mode = 'basic';
+        } else if (options.extra) {
+            mode = 'extra';
+        }
+        await runInstaller({ ...options, _mode: mode });
+    })();
+}
 
-async function runInstaller() {
+// ──────────────────────────────────────────────────────────────────────────────
+// Installer principal
+// ──────────────────────────────────────────────────────────────────────────────
+async function runInstaller(opts = {}) {
     console.log(chalk.bold.cyan('\n🚀 BPS Kit Setup Inicializado'));
     console.log(chalk.dim('Instalando Cérebro de IA customizado para seu repositório...\n'));
 
-    // Determinar o mode (default normal se nao passar args)
-    let mode = 'normal';
-    if (options.basic) {
-        mode = 'basic';
-    } else if (options.extra) {
-        mode = 'extra';
-    } else if (!options.normal && !options.extra && !options.basic) {
-        console.log(chalk.yellow('⚠️  Nenhum perfil explicitado (--basic, --normal ou --extra). Utilizando default: --normal\n'));
-    }
+    let mode = opts._mode || 'normal';
+    if (opts.basic) mode = 'basic';
+    else if (opts.extra) mode = 'extra';
+    else if (opts.normal) mode = 'normal';
 
     const spinner = ora('Montando diretórios base...').start();
 
     try {
-        if (options.vscode && await fs.pathExists(path.join(DEST_BASE, '.github'))) {
+        if (opts.vscode && await fs.pathExists(path.join(DEST_BASE, '.github'))) {
             spinner.warn(chalk.yellow('Aviso: Pasta .github detectada. Os artefatos do Copilot serão sobrescritos se existirem.'));
             spinner.start('Montando diretórios base...');
-        } else if (!options.vscode && await fs.pathExists(DEST_AGENTS)) {
+        } else if (!opts.vscode && await fs.pathExists(DEST_AGENTS)) {
             spinner.warn(chalk.yellow('Aviso: Pasta .agents já existe. O BPS Kit a sobrescreverá.'));
             spinner.start('Montando diretórios base...');
         }
@@ -101,32 +221,42 @@ async function runInstaller() {
         }
 
         // 5. Conversor para VS Code se solicitado
-        if (options.vscode) {
+        if (opts.vscode) {
             spinner.text = `Transformando arquitetura para padrão GitHub Copilot (VS Code)...`;
             const { convertToVsCode } = require('./convert_to_vscode');
             await convertToVsCode(DEST_AGENTS, DEST_BASE);
         }
 
+        // 6. Salvar lockfile com perfil utilizado
+        await fs.writeJson(LOCKFILE, {
+            mode,
+            vscode: opts.vscode || false,
+            version: pkg.version,
+            installedAt: new Date().toISOString(),
+        }, { spaces: 2 });
+
         spinner.succeed(chalk.green('Cérebro de IA instanciado com sucesso!'));
 
-        let finalCount = '39';
+        let finalCount = '42';
         if (mode === 'basic') finalCount = '11';
-        if (mode === 'extra') finalCount = '65';
+        if (mode === 'extra') finalCount = '69';
 
         console.log(chalk.cyan('\n============== [ RESUMO DA INSTALAÇÃO ] =============='));
         console.log(chalk.white(`Perfil Carregado : `) + chalk.greenBright(mode.toUpperCase()));
         console.log(chalk.white(`Skills Ativas    : `) + chalk.greenBright(finalCount));
         console.log(chalk.white(`Skills no Vault  : `) + chalk.greenBright('1197'));
+        console.log(chalk.white(`Lockfile         : `) + chalk.dim('.bps-kit.json'));
         console.log(chalk.cyan('======================================================'));
 
         console.log(chalk.yellow('\n💡 Next Steps:'));
-        if (options.vscode) {
+        if (opts.vscode) {
             console.log(chalk.white('1. O GitHub Copilot Agent já deve estar lendo o `.github/copilot-instructions.md`.'));
         } else {
             console.log(chalk.white('1. O sistema Antigravity já deve estar lendo o `.agents/rules/GEMINI.md`.'));
         }
         console.log(chalk.white('2. Para auto-calibrar a sua IA baseada nos arquivos deste repositório, basta pedir para ele:\n'));
         console.log(chalk.dim('   "Rode a workflow setup-brain para otimizar minhas skills neste projeto"'));
+        console.log(chalk.dim('\n   npx bps-kit --update    (para re-instalar o cérebro após um upgrade)'));
         console.log('\n🌟 Boa codificação estruturada!\n');
 
     } catch (error) {
@@ -135,5 +265,3 @@ async function runInstaller() {
         process.exit(1);
     }
 }
-
-runInstaller();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bps-kit",
-  "version": "1.0.19",
+  "version": "1.1.0",
   "description": "BPS Kit - The Ultimate Antigravity Brain",
   "bin": {
     "bps-kit": "./bin/cli.js"

package/templates/VAULT_INDEX.md

@@ -1,10 +1,11 @@
 # 🗄️ Vault Index
 
 > 1197 skills in `./.agents/vault/`.
+> Active skills (not in vault): `design-md`, `enhance-prompt`, `react-components`, `stitch-loop`
 > To use: `view_file ./.agents/vault/{skill-name}/SKILL.md`
 
-## Web & Frontend (53)
-3d-web-experience angular angular-best-practices angular-migration angular-state-management angular-ui-patterns animejs-animation antigravity-design-expert antigravity-workflows baseline-ui chrome-extension-developer cloudflare-workers-expert design-md design-orchestration design-spells frontend-dev-guidelines frontend-mobile-development-component-scaffold frontend-mobile-security-xss-scan frontend-security-coder frontend-slides frontend-ui-dark-ts html-injection-testing nextjs-app-router-patterns radix-ui-design-system react-best-practices react-flow-architect react-flow-node-ts react-modernization react-native-architecture react-nextjs-development react-state-management react-ui-patterns spline-3d-integration tailwind-design-system threejs-animation threejs-fundamentals threejs-geometry threejs-interaction threejs-lighting threejs-loaders threejs-materials threejs-postprocessing threejs-shaders threejs-skills threejs-textures ui-skills ui-ux-pro-max ui-visual-validator web-artifacts-builder web-design-guidelines web-scraper web-security-testing webflow-automation
+## Web & Frontend (52)
+3d-web-experience angular angular-best-practices angular-migration angular-state-management angular-ui-patterns animejs-animation antigravity-design-expert antigravity-workflows baseline-ui chrome-extension-developer cloudflare-workers-expert design-orchestration design-spells frontend-dev-guidelines frontend-mobile-development-component-scaffold frontend-mobile-security-xss-scan frontend-security-coder frontend-slides frontend-ui-dark-ts html-injection-testing nextjs-app-router-patterns radix-ui-design-system react-best-practices react-flow-architect react-flow-node-ts react-modernization react-native-architecture react-nextjs-development react-state-management react-ui-patterns spline-3d-integration tailwind-design-system threejs-animation threejs-fundamentals threejs-geometry threejs-interaction threejs-lighting threejs-loaders threejs-materials threejs-postprocessing threejs-shaders threejs-skills threejs-textures ui-skills ui-ux-pro-max ui-visual-validator web-artifacts-builder web-design-guidelines web-scraper web-security-testing webflow-automation
 
 ## Mobile (17)
 android-jetpack-compose-expert android_ui_verification building-native-ui earllm-build expo-api-routes expo-cicd-workflows expo-deployment expo-dev-client expo-tailwind-setup expo-ui-jetpack-compose expo-ui-swift-ui flutter-expert ios-developer mobile-design mobile-developer mobile-security-coder swiftui-expert-skill
@@ -51,5 +52,5 @@ astropy biopython family-health-analyzer fda-food-safety-auditor fda-medtech-com
 ## Personas & Advisors (12)
 andrej-karpathy bill-gates elon-musk geoffrey-hinton ilya-sutskever sam-altman steve-jobs warren-buffett yann-lecun yann-lecun-debate yann-lecun-filosofia yann-lecun-tecnico
 
-## Other (535)
-00-andruia-consultant 10-andruia-skill-smith 20-andruia-niche-intelligence SPDD accessibility-compliance-accessibility-audit address-github-comments advanced-evaluation advogado-criminal advogado-especialista agent-evaluation agent-framework-azure-ai-py agent-manager-skill agent-memory-mcp agent-memory-systems agent-orchestration-improve-agent agent-orchestration-multi-agent-optimize agent-orchestrator agent-tool-builder agentfolio agentic-actions-auditor agentmail agents-md agents-v2-py airflow-dag-patterns algolia-search algorithmic-art alpha-vantage amazon-alexa apify-actor-development apify-actorization apify-audience-analysis apify-brand-reputation-monitoring apify-competitor-intelligence apify-content-analytics apify-ecommerce apify-influencer-discovery apify-lead-generation apify-market-research apify-trend-analysis apify-ultimate-scraper appdeploy application-performance-performance-optimization architect-review architecture architecture-decision-records architecture-patterns arm-cortex-expert ask-questions-if-underspecified audio-transcriber audit-context-building auri-core auth-implementation-patterns automate-whatsapp avalonia-layout-zafiro avalonia-viewmodels-zafiro avalonia-zafiro-development avoid-ai-writing azd-deployment backtesting-frameworks bash-defensive-patterns bash-linux bash-pro bash-scripting beautiful-prose bevy-ecs-expert billing-automation binary-analysis-patterns blockrun blog-writing-guide browser-automation browser-extension-builder bug-hunter build busybox-on-windows carrier-relationship-management cc-skill-backend-patterns cc-skill-clickhouse-io cc-skill-coding-standards cc-skill-continuous-learning cc-skill-frontend-patterns cc-skill-project-guidelines-example cc-skill-security-review cc-skill-strategic-compact chat-widget cirq citation-management claimable-postgres clarity-gate claude-ally-health claude-code-expert claude-code-guide claude-d3js-skill claude-in-chrome-troubleshooting claude-monitor claude-scientific-skills claude-settings-audit claude-speed-reader claude-win11-speckit-update-skill code-refactoring-context-restore code-refactoring-refactor-clean code-refactoring-tech-debt code-review-ai-ai-review code-review-checklist code-review-excellence code-simplifier codebase-audit-pre-push codebase-cleanup-deps-audit codebase-cleanup-refactor-clean codebase-cleanup-tech-debt codex-review comfyui-gateway commit comprehensive-review-full-review comprehensive-review-pr-enhance computer-use-agents conductor-implement conductor-manage conductor-new-track conductor-revert conductor-setup conductor-status conductor-validator context7-auto-research conversation-memory copilot-sdk copy-editing core-components cqrs-implementation create-branch create-pr customs-trade-compliance daily daily-news-report data-engineer data-engineering-data-driven-feature data-engineering-data-pipeline data-quality-frameworks data-scientist data-structure-protocol data-visualization dbt-transformation-patterns ddd-context-mapping ddd-strategic-design ddd-tactical-patterns debug-buttercup debugger debugging-strategies debugging-toolkit-smart-debug deep-research dependency-management-deps-audit dependency-upgrade devcontainer-setup development distributed-debugging-debug-trace distributed-tracing docs docs-architect docx docx-official dwarf-expert dx-optimizer emblemai-crypto-wallet emergency-card employment-contract-templates energy-procurement enhance-prompt environment-setup-guide error-debugging-error-analysis error-debugging-error-trace error-debugging-multi-agent-review error-detective error-diagnostics-error-analysis error-diagnostics-error-trace error-diagnostics-smart-debug error-handling-patterns event-sourcing-architect event-store-design evolution exa-search fal-audio fal-generate fal-image-edit fal-platform fal-upscale fal-workflow favicon file-organizer file-uploads filesystem-context finishing-a-development-branch firebase firecrawl-scraper fix-review fixing-accessibility fixing-metadata fixing-motion-performance form-cro fp-async fp-backend fp-data-transforms fp-either-ref fp-errors fp-option-ref fp-pipe-ref fp-pragmatic fp-react fp-refactor fp-taskeither-ref fp-ts-errors fp-ts-pragmatic fp-ts-react fp-types-ref framework-migration-code-migrate framework-migration-deps-upgrade framework-migration-legacy-modernize full-stack-orchestration-full-stack-feature game-development gdpr-data-handling gh-review-requests git-advanced-workflows git-hooks-automation git-pr-workflows-git-workflow git-pr-workflows-onboard git-pr-workflows-pr-enhance github-actions-templates github-issue-creator github-workflow-automation go-concurrency-patterns go-playwright go-rod-master godot-4-migration godot-gdscript-patterns googlesheets-automation graphql graphql-architect great-tables grimoire hierarchical-agent-memory hig-components-content hig-components-controls hig-components-dialogs hig-components-layout hig-components-menus hig-components-search hig-components-status hig-components-system hig-foundations hig-inputs hig-patterns hig-platforms hig-project-context hig-technologies hosted-agents hosted-agents-v2-py hybrid-search-implementation i18n-localization iconsax-library image-studio imagen incident-responder incident-response-incident-response incident-response-smart-fix incident-runbook-templates infinite-gratitude integrate-whatsapp interactive-portfolio internal-comms-anthropic internal-comms-community inventory-demand-planning issues it-depends iterate-pr javascript-mastery javascript-typescript-typescript-scaffold junta-leiloeiros jupyter-workflow kaizen last30days legacy-modernizer leiloeiro-avaliacao leiloeiro-edital leiloeiro-ia leiloeiro-juridico leiloeiro-mercado leiloeiro-risco libreoffice literature-analysis local-legal-seo-audit logistics-exception-management loki-mode m365-agents-dotnet m365-agents-py m365-agents-ts machine-learning-ops-ml-pipeline magic-animator magic-ui-generator makepad-animation makepad-basics makepad-deployment makepad-dsl makepad-event-action makepad-font makepad-layout makepad-platform makepad-reference makepad-shaders makepad-skills makepad-splash makepad-widgets manifest matematico-tao matplotlib mcp-builder mcp-builder-ms memory-safety-patterns memory-systems mermaid-expert microsoft-azure-webjobs-extensions-authentication-events-dotnet minecraft-bukkit-pro modern-javascript-patterns molykit monorepo-architect monorepo-management monte-carlo-treasury monte-carlo-vulnerability-detection moodle-external-api-development mtls-configuration multi-advisor multi-agent-brainstorming multi-agent-patterns multi-cloud-architecture multi-platform-apps-multi-platform nanobanana-ppt-skills native-data-fetching nerdzao-elite nerdzao-elite-gemini-high network-101 network-engineer networkx new-rails-project notebooklm numpy nx-workspace-patterns observe-whatsapp obsidian-clipper-template-creator odoo-accounting-setup odoo-automated-tests odoo-backup-strategy odoo-docker-deployment odoo-ecommerce-configurator odoo-edi-connector odoo-hr-payroll-setup odoo-inventory-optimizer odoo-l10n-compliance odoo-manufacturing-advisor odoo-migration-helper odoo-module-developer odoo-orm-expert odoo-performance-tuner odoo-project-timesheet odoo-purchase-workflow odoo-qweb-templates odoo-rpc-api odoo-sales-crm-expert odoo-security-rules odoo-shopify-integration odoo-upgrade-advisor odoo-woocommerce-bridge odoo-xml-views-builder office-productivity onboarding-cro open-source-context openapi-spec-generation operational-guidelines os-scripting osint-evals oss-hunter paper-analysis parallel-agents payment-integration paypal-integration paywall-upgrade-cro pci-compliance pdf pdf-official performance-engineer performance-optimizer performance-testing-review-ai-review performance-testing-review-multi-agent-review personal-tool-builder plaid-fintech planning-with-files plotly podcast-generation polars polyfile posix-shell-pro postmortem-writing powershell-windows pptx pptx-official pr-writer product-design production-code-audit production-scheduling professional-proofreader project-development projection-patterns publish-and-summary pydantic-models-py pygraphistry pypict-skill python-development-python-scaffold python-packaging python-patterns python-performance-optimization python-security-auditor qiskit quality-nonconformance quant-analyst quantitative-analysis rails-upgrade receiving-code-review reference-builder remotion remotion-best-practices requesting-code-review research-engineer returns-reverse-logistics reverse-engineer risk-manager risk-metrics-calculation risk-modeling robius-app-architecture robius-event-action robius-matrix-integration robius-state-management robius-widget-patterns saas-mvp-launcher saga-orchestration sales-automator sast-configuration scientific-writing scikit-learn scipy screen-reader-testing screenshots scripts seaborn search-specialist senior-architect shader-programming-glsl sharp-edges shellcheck-configuration similarity-search-patterns skill-creator skill-creator-ms skill-developer skill-improver skill-installer skill-rails-upgrade skill-router skill-scanner skill-seekers skill-sentinel skill-writer spark-optimization spec-to-code-compliance speckit-updater speed sred-project-organizer sred-work-summary stability-ai static-analysis statsmodels stitch-loop stitch-ui-design stride-analysis-patterns subagent-driven-development superpowers-lab supply-chain-risk-auditor sympy systems-programming-rust-project tanstack-query-expert task-intelligence tavily-web testing-handbook-skills testing-qa theme-factory threat-mitigation-mapping tool-design track-management tutorial-engineer twilio-communications typescript-advanced-types typescript-expert umap uncle-bob-craft unity-developer unity-ecs-patterns unreal-engine-cpp-pro unsplash-integration upgrading-expo upstash-qstash using-git-worktrees using-neon using-superpowers uv-package-manager varlock varlock-claude-skill vercel-deploy-claimable vexor vexor-cli vibe-code-auditor videodb videodb-skills vizcom wcag-audit-patterns wordpress wordpress-plugin-development wordpress-theme-development wordpress-woocommerce-development workflow-automation workflow-orchestration-patterns workflow-patterns workflow-skill-design writing-plans writing-skills x-article-publisher-skill x-twitter-scraper xlsx xlsx-official zapier-make-patterns zod-validation-expert zustand-store-ts
+## Other (533)
+00-andruia-consultant 10-andruia-skill-smith 20-andruia-niche-intelligence SPDD accessibility-compliance-accessibility-audit address-github-comments advanced-evaluation advogado-criminal advogado-especialista agent-evaluation agent-framework-azure-ai-py agent-manager-skill agent-memory-mcp agent-memory-systems agent-orchestration-improve-agent agent-orchestration-multi-agent-optimize agent-orchestrator agent-tool-builder agentfolio agentic-actions-auditor agentmail agents-md agents-v2-py airflow-dag-patterns algolia-search algorithmic-art alpha-vantage amazon-alexa apify-actor-development apify-actorization apify-audience-analysis apify-brand-reputation-monitoring apify-competitor-intelligence apify-content-analytics apify-ecommerce apify-influencer-discovery apify-lead-generation apify-market-research apify-trend-analysis apify-ultimate-scraper appdeploy application-performance-performance-optimization architect-review architecture architecture-decision-records architecture-patterns arm-cortex-expert ask-questions-if-underspecified audio-transcriber audit-context-building auri-core auth-implementation-patterns automate-whatsapp avalonia-layout-zafiro avalonia-viewmodels-zafiro avalonia-zafiro-development avoid-ai-writing azd-deployment backtesting-frameworks bash-defensive-patterns bash-linux bash-pro bash-scripting beautiful-prose bevy-ecs-expert billing-automation binary-analysis-patterns blockrun blog-writing-guide browser-automation browser-extension-builder bug-hunter build busybox-on-windows carrier-relationship-management cc-skill-backend-patterns cc-skill-clickhouse-io cc-skill-coding-standards cc-skill-continuous-learning cc-skill-frontend-patterns cc-skill-project-guidelines-example cc-skill-security-review cc-skill-strategic-compact chat-widget cirq citation-management claimable-postgres clarity-gate claude-ally-health claude-code-expert claude-code-guide claude-d3js-skill claude-in-chrome-troubleshooting claude-monitor claude-scientific-skills claude-settings-audit claude-speed-reader claude-win11-speckit-update-skill code-refactoring-context-restore code-refactoring-refactor-clean code-refactoring-tech-debt code-review-ai-ai-review code-review-checklist code-review-excellence code-simplifier codebase-audit-pre-push codebase-cleanup-deps-audit codebase-cleanup-refactor-clean codebase-cleanup-tech-debt codex-review comfyui-gateway commit comprehensive-review-full-review comprehensive-review-pr-enhance computer-use-agents conductor-implement conductor-manage conductor-new-track conductor-revert conductor-setup conductor-status conductor-validator context7-auto-research conversation-memory copilot-sdk copy-editing core-components cqrs-implementation create-branch create-pr customs-trade-compliance daily daily-news-report data-engineer data-engineering-data-driven-feature data-engineering-data-pipeline data-quality-frameworks data-scientist data-structure-protocol data-visualization dbt-transformation-patterns ddd-context-mapping ddd-strategic-design ddd-tactical-patterns debug-buttercup debugger debugging-strategies debugging-toolkit-smart-debug deep-research dependency-management-deps-audit dependency-upgrade devcontainer-setup development distributed-debugging-debug-trace distributed-tracing docs docs-architect docx docx-official dwarf-expert dx-optimizer emblemai-crypto-wallet emergency-card employment-contract-templates energy-procurement environment-setup-guide error-debugging-error-analysis error-debugging-error-trace error-debugging-multi-agent-review error-detective error-diagnostics-error-analysis error-diagnostics-error-trace error-diagnostics-smart-debug error-handling-patterns event-sourcing-architect event-store-design evolution exa-search fal-audio fal-generate fal-image-edit fal-platform fal-upscale fal-workflow favicon file-organizer file-uploads filesystem-context finishing-a-development-branch firebase firecrawl-scraper fix-review fixing-accessibility fixing-metadata fixing-motion-performance form-cro fp-async fp-backend fp-data-transforms fp-either-ref fp-errors fp-option-ref fp-pipe-ref fp-pragmatic fp-react fp-refactor fp-taskeither-ref fp-ts-errors fp-ts-pragmatic fp-ts-react fp-types-ref framework-migration-code-migrate framework-migration-deps-upgrade framework-migration-legacy-modernize full-stack-orchestration-full-stack-feature game-development gdpr-data-handling gh-review-requests git-advanced-workflows git-hooks-automation git-pr-workflows-git-workflow git-pr-workflows-onboard git-pr-workflows-pr-enhance github-actions-templates github-issue-creator github-workflow-automation go-concurrency-patterns go-playwright go-rod-master godot-4-migration godot-gdscript-patterns googlesheets-automation graphql graphql-architect great-tables grimoire hierarchical-agent-memory hig-components-content hig-components-controls hig-components-dialogs hig-components-layout hig-components-menus hig-components-search hig-components-status hig-components-system hig-foundations hig-inputs hig-patterns hig-platforms hig-project-context hig-technologies hosted-agents hosted-agents-v2-py hybrid-search-implementation i18n-localization iconsax-library image-studio imagen incident-responder incident-response-incident-response incident-response-smart-fix incident-runbook-templates infinite-gratitude integrate-whatsapp interactive-portfolio internal-comms-anthropic internal-comms-community inventory-demand-planning issues it-depends iterate-pr javascript-mastery javascript-typescript-typescript-scaffold junta-leiloeiros jupyter-workflow kaizen last30days legacy-modernizer leiloeiro-avaliacao leiloeiro-edital leiloeiro-ia leiloeiro-juridico leiloeiro-mercado leiloeiro-risco libreoffice literature-analysis local-legal-seo-audit logistics-exception-management loki-mode m365-agents-dotnet m365-agents-py m365-agents-ts machine-learning-ops-ml-pipeline magic-animator magic-ui-generator makepad-animation makepad-basics makepad-deployment makepad-dsl makepad-event-action makepad-font makepad-layout makepad-platform makepad-reference makepad-shaders makepad-skills makepad-splash makepad-widgets manifest matematico-tao matplotlib mcp-builder mcp-builder-ms memory-safety-patterns memory-systems mermaid-expert microsoft-azure-webjobs-extensions-authentication-events-dotnet minecraft-bukkit-pro modern-javascript-patterns molykit monorepo-architect monorepo-management monte-carlo-treasury monte-carlo-vulnerability-detection moodle-external-api-development mtls-configuration multi-advisor multi-agent-brainstorming multi-agent-patterns multi-cloud-architecture multi-platform-apps-multi-platform nanobanana-ppt-skills native-data-fetching nerdzao-elite nerdzao-elite-gemini-high network-101 network-engineer networkx new-rails-project notebooklm numpy nx-workspace-patterns observe-whatsapp obsidian-clipper-template-creator odoo-accounting-setup odoo-automated-tests odoo-backup-strategy odoo-docker-deployment odoo-ecommerce-configurator odoo-edi-connector odoo-hr-payroll-setup odoo-inventory-optimizer odoo-l10n-compliance odoo-manufacturing-advisor odoo-migration-helper odoo-module-developer odoo-orm-expert odoo-performance-tuner odoo-project-timesheet odoo-purchase-workflow odoo-qweb-templates odoo-rpc-api odoo-sales-crm-expert odoo-security-rules odoo-shopify-integration odoo-upgrade-advisor odoo-woocommerce-bridge odoo-xml-views-builder office-productivity onboarding-cro open-source-context openapi-spec-generation operational-guidelines os-scripting osint-evals oss-hunter paper-analysis parallel-agents payment-integration paypal-integration paywall-upgrade-cro pci-compliance pdf pdf-official performance-engineer performance-optimizer performance-testing-review-ai-review performance-testing-review-multi-agent-review personal-tool-builder plaid-fintech planning-with-files plotly podcast-generation polars polyfile posix-shell-pro postmortem-writing powershell-windows pptx pptx-official pr-writer product-design production-code-audit production-scheduling professional-proofreader project-development projection-patterns publish-and-summary pydantic-models-py pygraphistry pypict-skill python-development-python-scaffold python-packaging python-patterns python-performance-optimization python-security-auditor qiskit quality-nonconformance quant-analyst quantitative-analysis rails-upgrade receiving-code-review reference-builder remotion remotion-best-practices requesting-code-review research-engineer returns-reverse-logistics reverse-engineer risk-manager risk-metrics-calculation risk-modeling robius-app-architecture robius-event-action robius-matrix-integration robius-state-management robius-widget-patterns saas-mvp-launcher saga-orchestration sales-automator sast-configuration scientific-writing scikit-learn scipy screen-reader-testing screenshots scripts seaborn search-specialist senior-architect shader-programming-glsl sharp-edges shellcheck-configuration similarity-search-patterns skill-creator skill-creator-ms skill-developer skill-improver skill-installer skill-rails-upgrade skill-router skill-scanner skill-seekers skill-sentinel skill-writer spark-optimization spec-to-code-compliance speckit-updater speed sred-project-organizer sred-work-summary stability-ai static-analysis statsmodels stitch-ui-design stride-analysis-patterns subagent-driven-development superpowers-lab supply-chain-risk-auditor sympy systems-programming-rust-project tanstack-query-expert task-intelligence tavily-web testing-handbook-skills testing-qa theme-factory threat-mitigation-mapping tool-design track-management tutorial-engineer twilio-communications typescript-advanced-types typescript-expert umap uncle-bob-craft unity-developer unity-ecs-patterns unreal-engine-cpp-pro unsplash-integration upgrading-expo upstash-qstash using-git-worktrees using-neon using-superpowers uv-package-manager varlock varlock-claude-skill vercel-deploy-claimable vexor vexor-cli vibe-code-auditor videodb videodb-skills vizcom wcag-audit-patterns wordpress wordpress-plugin-development wordpress-theme-development wordpress-woocommerce-development workflow-automation workflow-orchestration-patterns workflow-patterns workflow-skill-design writing-plans writing-skills x-article-publisher-skill x-twitter-scraper xlsx xlsx-official zapier-make-patterns zod-validation-expert zustand-store-ts

package/templates/agents-template/agents/frontend-specialist.md

@@ -3,7 +3,7 @@ name: frontend-specialist
 description: Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.
 tools: Read, Grep, Glob, Bash, Edit, Write
 model: inherit
-skills: clean-code, nextjs-react-expert, web-design-guidelines, tailwind-patterns, frontend-design, lint-and-validate
+skills: clean-code, nextjs-react-expert, web-design-guidelines, tailwind-patterns, frontend-design, lint-and-validate, design-md, enhance-prompt
 ---
 
 # Senior Frontend Architect

package/templates/agents-template/agents/site-builder.md

@@ -0,0 +1,177 @@
+---
+name: site-builder
+description: Senior Creative Technologist who builds cinematic, pixel-perfect landing pages with preset design systems, GSAP animations, and immersive scroll experiences. Triggers on keywords like landing page, site, website, cinematic, hero, parallax, build site, one-pager.
+tools: Read, Grep, Glob, Bash, Edit, Write
+model: inherit
+skills: clean-code, scroll-experience, tailwind-patterns, react-patterns, frontend-design, design-md, enhance-prompt, react-components
+---
+
+# Senior Creative Technologist — Cinematic Site Builder
+
+You are a world-class Senior Creative Technologist and Lead Frontend Engineer. You build cinematic, high-fidelity landing pages that are "1:1 Pixel Perfect". Every site you produce must feel like a digital instrument — every scroll intentional, every animation weighted and professional. Eradicate all generic AI patterns.
+
+## 📑 Quick Navigation
+
+- [Agent Flow](#agent-flow)
+- [Aesthetic Presets](#aesthetic-presets)
+- [Fixed Design System](#fixed-design-system)
+- [Component Architecture](#component-architecture)
+- [Technical Requirements](#technical-requirements)
+
+---
+
+## Agent Flow — MUST FOLLOW
+
+When the user asks to build a site (or this agent is activated for a new project), ask **exactly these questions** in a single call, then build the complete site from the answers. Do not over-discuss. Build.
+
+### Questions (all in one interaction)
+
+1. **"What is the brand name and its purpose in one sentence?"** — Free text. Example: "Nura Health — precision longevity medicine driven by biological data."
+2. **"Choose an aesthetic direction"** — Single selection from the presets below. Each preset provides a complete design system (palette, typography, image mood, identity label).
+3. **"What are your 3 main value propositions?"** — Free text. Short phrases. They will become the Features section cards.
+4. **"What should visitors do?"** — Free text. The primary CTA. Example: "Join the waitlist", "Book a consultation", "Start free trial".
+
+---
+
+## Aesthetic Presets
+
+Each preset defines: `palette`, `typography`, `identity` (the overall feel), and `imageMood` (Unsplash search keywords for hero/texture images).
+
+### Preset A — "Organic Tech" (Boutique Clinic)
+- **Identity:** A bridge between a biological research lab and a cutting-edge luxury magazine.
+- **Palette:** Moss `#2E4036` (Primary), Clay `#CC5833` (Accent), Cream `#F2F0E9` (Background), Charcoal `#1A1A1A` (Text/Dark)
+- **Typography:** Headings: "Plus Jakarta Sans" + "Outfit" (tight tracking). Drama: "Cormorant Garamond" Italic. Data: `"IBM Plex Mono"`.
+- **Image Mood:** dark forest, organic textures, moss, ferns, laboratory glassware.
+- **Hero phrase pattern:** "[Conceptual noun] is the" (Bold Sans) / "[Power word]." (Massive Serif Italic)
+
+### Preset B — "Midnight Luxe" (Dark Editorial)
+- **Identity:** A private members club meets a high-end watchmaker's atelier.
+- **Palette:** Obsidian `#0D0D12` (Primary), Champagne `#C9A84C` (Accent), Ivory `#FAF8F5` (Background), Slate `#2A2A35` (Text/Dark)
+- **Typography:** Headings: "Inter" (tight tracking). Drama: "Playfair Display" Italic. Data: `"JetBrains Mono"`.
+- **Image Mood:** dark marble, gold accents, architectural shadows, luxury interiors.
+- **Hero phrase pattern:** "[Aspirational noun] meets" (Bold Sans) / "[Precision word]." (Massive Serif Italic)
+
+### Preset C — "Brutalist Signal" (Raw Precision)
+- **Identity:** A control room for the future — no decoration, pure information density.
+- **Palette:** Paper `#E8E4DD` (Primary), Signal Red `#E63B2E` (Accent), Off-white `#F5F3EE` (Background), Black `#111111` (Text/Dark)
+- **Typography:** Headings: "Space Grotesk" (tight tracking). Drama: "DM Serif Display" Italic. Data: `"Space Mono"`.
+- **Image Mood:** concrete, brutalist architecture, raw materials, industrial.
+- **Hero phrase pattern:** "[Direct verb] the" (Bold Sans) / "[System noun]." (Massive Serif Italic)
+
+### Preset D — "Vapor Clinic" (Neon Biotech)
+- **Identity:** A genome sequencing lab inside a Tokyo nightclub.
+- **Palette:** Deep Void `#0A0A14` (Primary), Plasma `#7B61FF` (Accent), Ghost `#F0EFF4` (Background), Graphite `#18181B` (Text/Dark)
+- **Typography:** Headings: "Sora" (tight tracking). Drama: "Instrument Serif" Italic. Data: `"Fira Code"`.
+- **Image Mood:** bioluminescence, dark water, neon reflections, microscopy.
+- **Hero phrase pattern:** "[Tech noun] beyond" (Bold Sans) / "[Boundary word]." (Massive Serif Italic)
+
+---
+
+## Fixed Design System (NEVER ALTER)
+
+These rules apply to ALL presets. This is what makes the output premium.
+
+### Visual Texture
+- Implement a global CSS noise overlay using an inline SVG `<feTurbulence>` filter with **0.05 opacity** to eliminate flat digital gradients.
+- Use a border system of `rounded-[2rem]` to `rounded-[3rem]` for all containers. No sharp corners anywhere.
+
+### Micro-Interactions
+- All buttons must have a **"magnetic" feel**: subtle `scale(1.03)` on hover with `cubic-bezier(0.25, 0.46, 0.45, 0.94)`.
+- Buttons use `overflow-hidden` with a sliding `<span>` background layer for hover color transitions.
+- Links and interactive elements get a `translateY(-1px)` lift on hover.
+
+### Animation Lifecycle
+- Use `gsap.context()` inside `useEffect` for ALL animations. Return `ctx.revert()` in cleanup.
+- Default easing: `power3.out` for entrances, `power2.inOut` for morphs.
+- Stagger value: `0.08` for text, `0.15` for cards/containers.
+
+---
+
+## Component Architecture (NEVER ALTER STRUCTURE — only adapt content/colors)
+
+### A. NAVBAR — "The Floating Island"
+A `fixed`, pill-shaped container centered horizontally.
+- **Morphing Logic:** Transparent with light text on top of hero. Transitions to `bg-[background]/60 backdrop-blur-xl` with primary-color text and a subtle `border` when scroll passes hero. Use `IntersectionObserver` or ScrollTrigger.
+- Contains: Logo (brand name as text), 3-4 nav links, CTA button (accent color).
+
+### B. HERO SECTION — "The Opening Scene"
+- `100dvh` height. Full-bleed background image (fetched from Unsplash matching the preset's `imageMood`) with a strong **primary-to-black gradient overlay** (`bg-gradient-to-t`).
+- **Layout:** Content pushed to the **bottom-left third** using flex + padding.
+- **Typography:** Large scale contrast following the preset's Hero phrase pattern. First part using the bold sans heading font. Second part using the massive italic serif drama font (3-5x size difference).
+- **Animation:** GSAP staggered `fade-up` animation (y: 40 → 0, opacity: 0 → 1) for all text parts and CTA.
+- CTA button below main title, using accent color.
+
+### C. FEATURES — "Interactive Functional Artifacts"
+Three cards derived from the user's 3 value propositions. They must look like **functional software micro-UIs**, not static marketing cards. Each card gets one of these interaction patterns:
+
+**Card 1 — "Diagnostic Shuffler":** 3 overlapping cards that cycle vertically using `array.unshift(array.pop())` logic every 3 seconds with a spring bounce transition (`cubic-bezier(0.34, 1.56, 0.64, 1)`). Labels derived from user's first value prop (generate 3 sub-labels).
+
+**Card 2 — "Telemetry Typewriter":** A monospace live text feed that types messages character-by-character related to user's second value prop, with a blinking accent-color cursor. Include a "Live Feed" label with a pulsing dot.
+
+**Card 3 — "Cursor Protocol Scheduler":** A weekly grid (S M T W T F S) where an animated SVG cursor enters, moves to a day cell, clicks (visual press with `scale(0.95)`), activates the day (accent color highlight), then moves to a "Save" button before fading out. Labels from user's third value prop.
+
+All cards: `bg-[background]` surface, subtle border, `rounded-[2rem]`, drop shadow. Each card has a title (sans bold) and a brief description.
+
+### D. PHILOSOPHY — "The Manifesto"
+- Full-width section using the **dark color** as background.
+- An organic texture image with parallax effect (Unsplash, `imageMood` keywords) with low opacity behind text.
+- **Typography:** Two contrasting statements. Pattern:
+  - "Most [industry] focuses on: [common approach]." — neutral, smaller.
+  - "We focus on: [differentiated approach]." — massive, drama serif italic font, keyword in accent color.
+- **Animation:** GSAP `SplitText`-style reveal (fade-up word-by-word or line-by-line) triggered by ScrollTrigger.
+
+### E. PROTOCOL — "Sticky Stacking Archive"
+3 full-screen cards that stack on scroll.
+- **Stacking Interaction:** Using GSAP ScrollTrigger with `pin: true`. As a new card scrolls into view, the card underneath scales to `0.9`, gets `20px` blur and `0.5` opacity.
+- **Each card gets a unique canvas/SVG animation:**
+  1. A slowly spinning geometric pattern (double helix, concentric circles, or gears).
+  2. A horizontal scanning laser line moving over a dot/cell grid.
+  3. A pulsing waveform (EKG-style SVG path animation using `stroke-dashoffset`).
+- Card content: Step number (monospace), title (heading font), 2-line description. Derive from user's brand purpose.
+
+### F. MEMBERSHIP / PRICING
+- Pricing grid with three tiers. Card names: "Essential", "Performance", "Enterprise" (adjust to match brand).
+- **Middle card stands out:** Primary-color background with accent-color CTA button. Slightly larger scale or accented border (`ring`).
+- If pricing doesn't apply, convert to a "Get Started" section with a single large CTA.
+
+### G. FOOTER
+- Deep dark-color background, `rounded-t-[4rem]`.
+- Grid layout: Brand name + tagline, navigation columns, legal links.
+- **"System Operational" status indicator** with a pulsing green dot and a monospace label.
+
+---
+
+## Technical Requirements (NEVER ALTER)
+
+- **Stack:** React 19, Tailwind CSS v3.4.17, GSAP 3 (with ScrollTrigger plugin), Lucide React for icons.
+- **Fonts:** Load via Google Fonts `<link>` tags in `index.html` based on selected preset.
+- **Images:** Use real Unsplash URLs. Choose images matching the preset's `imageMood`. Never use placeholder URLs or images.
+- **File structure:** Single `App.jsx` file with components defined in-file (or split into `components/` if >600 lines). Single `index.css` for Tailwind properties + noise overlay + custom utilities.
+- **No placeholders.** Every card, every label, every animation must be fully implemented and functional.
+- **Responsiveness:** Mobile-first. Stack cards vertically on mobile. Reduce hero font sizes on mobile. Collapse navbar to minimal version.
+
+---
+
+## Build Sequence
+
+After receiving answers to the 4 questions:
+
+1. Map selected preset to its complete design tokens (palette, fonts, image mood, identity).
+2. Generate Hero copy using brand name + purpose + preset's hero phrase pattern.
+3. Map the 3 value propositions to the 3 Features card patterns (Shuffler, Typewriter, Scheduler).
+4. Generate Philosophy contrast statements from brand purpose.
+5. Generate Protocol steps from brand process/methodology.
+6. Scaffold: `npm create vite@latest`, install deps, write all files.
+7. Ensure all animations are wired, all interactions work, all images load.
+
+**Execution Directive:** "Don't build a site; build a digital instrument. Every scroll must be intentional, every animation must have weight and professionalism. Eradicate all generic AI patterns."
+
+---
+
+## Stitch Integration (Optional)
+
+If the user's workspace has the Stitch MCP Server available:
+
+1. **After building the site:** Use `design-md` skill to extract the design system into a `DESIGN.md` file for future consistency.
+2. **For additional pages:** Use `enhance-prompt` skill to polish prompts before generating with Stitch.
+3. **For component conversion:** Use `react-components` skill to convert Stitch-generated HTML into modular React components that match the site's design tokens.

package/templates/agents-template/rules/GEMINI.md

@@ -67,7 +67,7 @@ Agent activated → Check frontmatter "skills:" → Read SKILL.md (INDEX) → Re
 ## 🧠 Skill Auto-Routing System (v8.0.0 — Vault Edition)
 
 ### Architecture
-- **Active skills** (~65): in `./.agents/skills/` — explicitly read the SKILL.md file via file tools before using
+- **Active skills** (~69): in `./.agents/skills/` — explicitly read the SKILL.md file via file tools before using
 - **Vault skills** (~1200+): in `./.agents/vault/` — discoverable via index
 
 ### Core Rule — Skills First
@@ -84,6 +84,8 @@ After invoking any skill, explicitly say: '📖 Using skill: [skill-name]' befor
 | Intent | Skills to Use |
 |--------|---------------|
 | **New site/app** | brainstorming → plan-writing → frontend-design. SaaS: + senior-fullstack + micro-saas-launcher |
+| **Landing page / site** | site-builder + scroll-experience + enhance-prompt. Workflow: build-site |
+| **Stitch design** | design-md + enhance-prompt + react-components. Loop: stitch-loop (Extra) |
 | **UI/component** | frontend-design + react-patterns + tailwind-patterns. Animated: + scroll-experience |
 | **Auth/login** | Ask user: Clerk → clerk-auth / Supabase → nextjs-supabase-auth |
 | **Database/ORM** | database-design + prisma-expert |
@@ -168,6 +170,7 @@ Before coding, answer: (1) Goal of agent/skill? (2) Principles to apply? (3) How
 |---|---|---|
 | **MOBILE** | `mobile-developer` | mobile-design |
 | **WEB** | `frontend-specialist` | frontend-design |
+| **LANDING PAGE** | `site-builder` | scroll-experience, enhance-prompt, design-md |
 | **BACKEND** | `backend-specialist` | api-patterns, database-design |
 
 > 🔴 Mobile + frontend-specialist = WRONG. Mobile = mobile-developer ONLY.
@@ -214,6 +217,6 @@ Priority: Security → Lint → Schema → Tests → UX → SEO → Lighthouse/E
 
 ## 📁 QUICK REFERENCE
 
-- **Masters**: `orchestrator`, `project-planner`, `security-auditor`, `backend-specialist`, `frontend-specialist`, `mobile-developer`, `debugger`
+- **Masters**: `orchestrator`, `project-planner`, `security-auditor`, `backend-specialist`, `frontend-specialist`, `site-builder`, `mobile-developer`, `debugger`
 - **Key Skills**: `clean-code`, `brainstorming`, `app-builder`, `frontend-design`, `mobile-design`, `plan-writing`, `behavioral-modes`
 - **Verify**: `.agent/scripts/verify_all.py`, `.agent/scripts/checklist.py`