vixdev-booster 2.0.0

VIXDEV — Universal AI Design Booster. Full backend SDK: boost, history, diff, export, webhooks, git, REST API, CLI.

VIXDEV ULTRA — AI Design Booster SDK

Plug into any project. Get premium animated code. Zero config.

---

Install

# JavaScript / TypeScript / Next.js / React
npm install vixdev

# Python
pip install vixdev

---

How it works

VIXDEV reads your AI API keys from .env automatically — you never configure the AI yourself.

# .env — Set ANY one of these (VIXDEV auto-picks the best)
GROQ_API_KEY=gsk_xxxx          # Fastest (Llama-3 70B)
OPENAI_API_KEY=sk-xxxx         # GPT-4o
ANTHROPIC_API_KEY=sk-ant-xxxx  # Claude 3.5 Sonnet
GEMINI_API_KEY=AIza-xxxx       # Gemini 2.0 Flash
OPENROUTER_API_KEY=sk-or-xxxx  # Any model

---

JavaScript / TypeScript

import vixdev from 'vixdev'

// Connect — auto-reads keys from .env
vixdev.connect({ project: 'my-site' })

// Paste your code → get animated version back
const result = await vixdev.boost(`
  <header>
    <nav>
      <a href="/">MySite</a>
      <button>Contact</button>
    </nav>
  </header>
`, { style: 'premium', output: 'react' })

console.log(result.code)     // Animated React component
console.log(result.provider) // "groq"
console.log(result.model)    // "llama3-70b-8192"

Python

import vixdev

vixdev.connect(project="my-portfolio")

result = vixdev.boost("""
<section>
  <h1>Welcome</h1>
  <button>Get Started</button>
</section>
""", style="cyber")

print(result.code)  # Ready to paste

---

Animation Styles

Style	Description
modern	Glassmorphism + fade-in animations
cyber	Neon glows + slide effects
minimal	Clean transitions + micro-animations
premium	Deep dark + violet accents (default)

---

Real-Time Team Sync

vixdev.connect({
  project: 'my-site',
  dashboardUrl: 'http://localhost:4000',
  realtime: true,   // Enables WebSocket sync
  team: 'design-team',
})

// When anyone generates code, all team members see it live
vixdev.on('team:update', (data) => {
  console.log('Team generated:', data.code)
})

---

File Boosting

// Boost an entire file
await vixdev.boostFile('./src/Header.tsx', { style: 'modern' })

// Replace the file in-place with the animated version
await vixdev.boostFile('./src/Header.tsx', { inplace: true })

// Boost from a URL
const result = await vixdev.boostUrl('https://mysite.com', { style: 'premium' })

---

Events

vixdev.on('boost:start', ({ code, provider }) => { ... })
vixdev.on('boost:done', (result) => { ... })
vixdev.on('boost:error', ({ error }) => { ... })
vixdev.on('team:update', (data) => { ... })

---

Built with ❤️ by VIXDEV ULTRA — Sovereign Design Engine