Skip to content

Vibenv is organized as a set of packages that plug into your dev server and UI.

Vibenv is intended for dev, UAT, staging, and other internal pre-prod environments. There is no production integration.

Core packages

  • @vibenv/vibe-server exposes an Express router with agent, workspace, and session endpoints.
  • @vibenv/cli-agents routes prompts to Claude Code locally or to a remote host.
  • @vibenv/vibe-agent is a Vue 3 + Vite application that exports a build artifact at ./vibeagent.js.
  • @vibenv/constants defines shared identifiers like data-component-file, data-component-name, and __PROJECT_ROOT__.

Integration layers

  • @vibenv/vite-plugins mounts the Vibe server into Vite and injects agent scripts.
  • @vibenv/webpack-plugins mounts the server routes, injects the agent script tag, and can serve the built agent bundle from webpack-dev-server.
  • @vibenv/framework-plugins includes a Vue plugin that stamps component file metadata and a Nuxt 4 module that injects the agent script tag.

Tooling and services

  • @vibenv/env-manager generates .env files from envModel definitions.
  • @vibenv/env installs typed environment defaults for Vibenv services.
  • @vibenv/shoptet-mcp-server runs an MCP server that exposes CSS analysis and screenshot tools.