nex-app 0.2.2 → 0.2.4

package/registry/vex/manifest.yaml

@@ -0,0 +1,242 @@
+# BMAD Agent Manifest - VEX
+id: vex
+name: "VEX - The Conversion Hypnotist"
+tagline: "Expert em Hipnose de Conversão para SaaS"
+icon: "🎭"
+type: bmad
+framework: Cursor
+category: expert
+subcategory: sales-marketing
+
+# Version
+version: 1.2.0
+semantic_version:
+  major: 1
+  minor: 2
+  patch: 0
+
+# Author
+author:
+  name: INOSX
+  email: contact@inosx.com
+  github: INOSX
+  organization: INOSX
+
+# Description
+description: |
+  Especialista em Conversion Rate Optimization para plataformas SaaS.
+  Aplica os 5 Gatilhos de Cialdini e framework AIDA Hypnotic para 
+  otimizar páginas de conversão através de análise de copy, design e UX.
+
+long_description: |
+  VEX combina psicologia de persuasão de Robert Cialdini com análise 
+  técnica de UX para identificar quick wins que aumentam conversão 
+  em 30-60%. Framework AIDA Hypnotic exclusivo mapeia exatamente onde 
+  o "transe de conversão" quebra e como reconstruí-lo.
+  
+  Principais metodologias:
+  - 5 Gatilhos de Cialdini (Reciprocidade, Compromisso, Prova Social, Autoridade, Escassez)
+  - Framework AIDA Hypnotic (Attention, Interest, Desire, Action)
+  - Análise de copy persuasivo
+  - UX/UI para conversão
+  - A/B testing hypothesis generation
+  - Psychological triggers mapping
+
+# Tags
+tags:
+  - conversion
+  - cro
+  - saas
+  - marketing
+  - ux
+  - psychology
+  - cialdini
+  - persuasion
+  - landing-pages
+  - optimization
+  - bmad
+  - cursor
+  - expert
+
+# Compatibility
+compatibility:
+  cursor_version: ">=0.40.0"
+  nex_version: ">=1.0.0"  # Também funciona com NEX
+  os: ["windows", "macos", "linux"]
+  required_tools:
+    - browser  # Para análise de páginas
+
+# BMAD Specific
+bmad:
+  expert_type: conversion
+  cursor_integration: true
+  rules_file: vex.cursorrules
+  activation_trigger: "@vex"
+  
+# Dependencies
+dependencies:
+  agents: []
+  tools:
+    - mcp_cursor-ide-browser  # Browser MCP para análise
+  optional_tools:
+    - mcp_vercel  # Para analisar deployments Vercel
+    - screenshot  # Para análise visual
+
+# Capabilities
+capabilities:
+  - Landing page analysis (5 Gatilhos de Cialdini)
+  - Pricing page optimization
+  - Conversion funnel mapping
+  - A/B test hypothesis generation
+  - Copy optimization (persuasive writing)
+  - Psychological triggers identification
+  - CTA optimization
+  - Social proof implementation
+  - Urgency & scarcity tactics
+  - Trust signals analysis
+  - Mobile conversion optimization
+  - User journey mapping
+
+# Commands (Cursor-style)
+commands:
+  - trigger: analyze-page
+    description: Análise completa com 5 gatilhos de Cialdini
+    usage: "@vex analyze-page [URL]"
+    example: "@vex analyze-page https://myapp.com/pricing"
+    
+  - trigger: hypnotic-analysis
+    description: Framework AIDA Hypnotic completo
+    usage: "@vex hypnotic-analysis [URL]"
+    example: "@vex hypnotic-analysis https://myapp.com/landing"
+    
+  - trigger: quick-scan
+    description: Top 3 quick wins em 5 minutos
+    usage: "@vex quick-scan [URL]"
+    example: "@vex quick-scan https://myapp.com"
+    
+  - trigger: cta-optimize
+    description: Otimização de CTAs (Call-to-Action)
+    usage: "@vex cta-optimize [context]"
+    
+  - trigger: copy-review
+    description: Review de copy com sugestões persuasivas
+    usage: "@vex copy-review [text or file]"
+    
+  - trigger: ab-test-ideas
+    description: Geração de hipóteses para A/B tests
+    usage: "@vex ab-test-ideas [page-type]"
+
+# Installation
+installation:
+  size_mb: 0.5
+  install_time_minutes: 1
+  complexity: simple
+  cursor_setup: |
+    1. VEX será adicionado ao seu .cursorrules
+    2. Ative com @vex em qualquer arquivo
+    3. Browser tools recomendado para análise de páginas
+  
+  post_install: |
+    🎭 VEX instalado com sucesso!
+    
+    Como usar no Cursor:
+      @vex analyze-page https://seu-site.com
+      @vex quick-scan https://seu-site.com/pricing
+    
+    Como usar via NEX CLI:
+      nex agent run vex analyze-page --url https://seu-site.com
+
+# Pricing
+pricing:
+  model: free
+  price: 0
+  currency: USD
+  license: PROPRIETARY
+
+# Stats
+stats:
+  installs: 450
+  stars: 23
+  rating: 4.9
+  last_updated: "2026-01-09"
+
+# Links
+links:
+  repository: https://github.com/INOSX/nex-agents
+  documentation: https://docs.inosx.com/nex/agents/vex
+  homepage: https://inosx.com/nex
+  issues: https://github.com/INOSX/nex-agents/issues
+  examples: https://github.com/INOSX/nex-agents/tree/main/examples/vex
+
+# Metadata
+metadata:
+  is_official: true
+  is_verified: true
+  maturity: stable
+  support_level: full
+  language: cursorrules
+  framework: BMAD-Cursor
+  works_with: [Cursor, NEX]
+  
+# Quality badges
+badges:
+  - official
+  - verified
+  - cursor-compatible
+  - well-documented
+  - actively-maintained
+  - high-conversion
+
+# Use Cases
+use_cases:
+  - SaaS landing pages
+  - Pricing pages
+  - Sign-up flows
+  - Product pages
+  - E-commerce checkouts
+  - Lead generation forms
+  - Webinar registration pages
+
+# Success Stories (Examples)
+success_metrics:
+  average_conversion_increase: "30-60%"
+  analysis_time: "5-15 minutes"
+  recommendations: "3-10 actionable items"
+  implementation_difficulty: "Easy to Medium"
+
+# Cialdini Framework
+cialdini_triggers:
+  reciprocity:
+    description: "Dar algo primeiro para receber depois"
+    examples:
+      - Free trial
+      - Valuable content
+      - Free tools
+      
+  commitment:
+    description: "Pequenos compromissos levam a maiores"
+    examples:
+      - Multi-step forms
+      - Micro-conversions
+      - Progress indicators
+      
+  social_proof:
+    description: "Pessoas seguem o que outros fazem"
+    examples:
+      - Testimonials
+      - User counts
+      - Case studies
+      
+  authority:
+    description: "Expertise e credibilidade"
+    examples:
+      - Certifications
+      - Press mentions
+      - Expert endorsements
+      
+  scarcity:
+    description: "Urgência e disponibilidade limitada"
+    examples:
+      - Limited spots
+      - Time-limited offers
+      - Stock indicators

package/scripts/publish.js

@@ -0,0 +1,136 @@
+#!/usr/bin/env node
+
+/**
+ * Script para publicar create-nex-app no npm
+ * Similar ao publish-cli.js do projeto principal
+ */
+
+import { execSync } from 'child_process'
+import { readFileSync, writeFileSync } from 'fs'
+import { fileURLToPath } from 'url'
+import { dirname, join } from 'path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+const packageJsonPath = join(__dirname, '..', 'package.json')
+
+function log(message, color = 'reset') {
+  const colors = {
+    reset: '\x1b[0m',
+    red: '\x1b[31m',
+    green: '\x1b[32m',
+    yellow: '\x1b[33m',
+    blue: '\x1b[34m',
+    cyan: '\x1b[36m'
+  }
+  console.log(`${colors[color]}${message}${colors.reset}`)
+}
+
+function exec(command, options = {}) {
+  try {
+    return execSync(command, { 
+      encoding: 'utf-8', 
+      stdio: 'inherit',
+      ...options 
+    })
+  } catch (error) {
+    log(`\n❌ Erro ao executar: ${command}`, 'red')
+    process.exit(1)
+  }
+}
+
+async function publish() {
+  log('\n📦 Publicando create-nex-app no npm...\n', 'blue')
+
+  // Ler package.json
+  const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'))
+  const currentVersion = packageJson.version
+
+  log(`Versão atual: ${currentVersion}`, 'cyan')
+
+  // Verificar se está logado no npm
+  try {
+    const whoami = execSync('npm whoami', { encoding: 'utf-8' }).trim()
+    log(`Usuário npm: ${whoami}`, 'green')
+  } catch {
+    log('❌ Não está logado no npm. Execute: npm login', 'red')
+    process.exit(1)
+  }
+
+  // Verificar se nome está disponível (apenas primeira vez)
+  if (currentVersion === '0.1.0') {
+    log('\n🔍 Verificando se nome está disponível...', 'yellow')
+    try {
+      execSync('npm view create-nex-app', { stdio: 'ignore' })
+      log('⚠️  Pacote já existe no npm!', 'yellow')
+      log('   Considere usar outro nome ou scoped package (@inosx/create-nex-app)', 'yellow')
+      const readline = await import('readline')
+      const rl = readline.createInterface({
+        input: process.stdin,
+        output: process.stdout
+      })
+      const answer = await new Promise(resolve => {
+        rl.question('\nContinuar mesmo assim? (s/N): ', resolve)
+      })
+      rl.close()
+      if (answer.toLowerCase() !== 's') {
+        log('Publicação cancelada', 'yellow')
+        process.exit(0)
+      }
+    } catch {
+      log('✅ Nome disponível!', 'green')
+    }
+  }
+
+  // Executar testes
+  log('\n🧪 Executando testes...', 'yellow')
+  try {
+    exec('node cli/create.js --version', { stdio: 'pipe' })
+    log('✅ Testes passaram', 'green')
+  } catch {
+    log('⚠️  Testes falharam, mas continuando...', 'yellow')
+  }
+
+  // Verificar o que será publicado
+  log('\n📋 Verificando arquivos que serão publicados...', 'yellow')
+  exec('npm pack --dry-run')
+
+  // Perguntar confirmação
+  const readline = await import('readline')
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  })
+  const answer = await new Promise(resolve => {
+    rl.question(`\n📤 Publicar create-nex-app@${currentVersion}? (s/N): `, resolve)
+  })
+  rl.close()
+
+  if (answer.toLowerCase() !== 's') {
+    log('Publicação cancelada', 'yellow')
+    process.exit(0)
+  }
+
+  // Publicar
+  log('\n🚀 Publicando...', 'blue')
+  
+  const args = process.argv.slice(2)
+  const otp = args.find(arg => arg.startsWith('--otp='))?.split('=')[1]
+  const otpEnv = process.env.NPM_OTP
+
+  if (otp || otpEnv) {
+    exec(`npm publish --otp=${otp || otpEnv}`)
+  } else {
+    exec('npm publish')
+  }
+
+  log(`\n✅ create-nex-app@${currentVersion} publicado com sucesso!`, 'green')
+  log(`\n🔗 https://www.npmjs.com/package/create-nex-app`, 'cyan')
+  log(`\n🧪 Teste com: npx create-nex-app`, 'cyan')
+}
+
+publish().catch(error => {
+  log(`\n❌ Erro: ${error.message}`, 'red')
+  process.exit(1)
+})

package/ui/assets/app.js

@@ -180,7 +180,12 @@ nex agent list --all
 nex agent install <agent-id>
 
 # Usar no Cursor:
-@<agent-id> <comando>`
+@nex/bmad/agents/<agent-id>`
+
+  // Adicionar evento ao botão de fechar
+  document.getElementById('close-btn').addEventListener('click', () => {
+    window.close()
+  })
 }
 
 // Mostrar erro

package/ui/index.html

@@ -55,6 +55,9 @@
         <h3>Próximos passos:</h3>
         <pre id="next-steps-commands"></pre>
       </div>
+      <div class="actions">
+        <button type="button" id="close-btn" class="btn btn-primary">Fechar</button>
+      </div>
     </div>
   </div>