Nuxt Module

Nuxt Claude DevTools

AI assistant inside your Nuxt DevTools

Unified AI assistant for your team. Shared skills, agents, and commands via Git. Prototype features together in real-time with instant hot reload feedback.

Get Started View on GitHub

Features

Everything you need

Built for developers who want AI to fit into their workflow, not the other way around.

Visual Prototyping

Show stakeholders live changes. Iterate together without switching apps.

Team Skills

Shared coding standards and patterns everyone follows automatically.

Specialized Agents

Pre-configured reviewers, test writers, doc generators for the team.

Team Commands

Standardized slash-commands for common team workflows.

Session History

Continue where you left off. Nothing is lost.

Git-native Config

New team member clones repo, gets full AI setup instantly.

The Problem

AI-assisted coding shouldn't be painful

We've all been there. Here's what we fixed.

Isolated knowledge

Your AI setup stays on your machine

You've spent hours perfecting prompts, building agents, defining patterns. But when a teammate joins the project, they start from scratch.

The fix

Store AI configuration in .claude/ folder. Commit to Git. Every clone gets the same AI assistant with all team knowledge built in.

Inconsistent results

Same task, different outputs

Junior devs get messy code. Senior devs get clean code. Same Claude, different prompting skills. Code reviews become exhausting.

The fix

Shared skills enforce coding standards. Agents handle specific tasks consistently. Slash-commands execute pre-configured workflows.

Slow feedback loop

Stakeholder meetings that drag

Product manager describes changes. You write code. They check. More changes. You code again. An hour gone for a simple prototype.

The fix

Open DevTools together. Describe to Claude. See changes instantly via hot reload. Iterate in real-time with non-technical colleagues.

Quick Start

Three steps to AI-powered dev

Install the package

pnpm add -D @oro.ad/nuxt-claude-devtools

Add to nuxt.config.ts

// nuxt.config.ts
export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: [
    '@oro.ad/nuxt-claude-devtools'
  ]
})

Start collaborating

1pnpm dev

2Shift+Option+Dto open DevTools

3Select the Claude tab

Invite your team to prototype together in real-time

Requires: Claude Code CLI installed and authenticated

Live Stats

Growing with the community

226

Weekly downloads

336

Monthly downloads

GitHub stars

Forks