New skills (14): - nestjs-best-practices: 40 priority-ranked rules (kadajett) - fastapi: Pydantic v2, async SQLAlchemy, JWT auth (jezweb) - architecture-patterns: Clean Architecture, Hexagonal, DDD (wshobson) - python-performance-optimization: Profiling and optimization (wshobson) - ai-sdk: Vercel AI SDK streaming and agent patterns (vercel) - create-agent: Modular agent architecture with OpenRouter (openrouterteam) - proactive-agent: WAL Protocol, compaction recovery, self-improvement (halthelobster) - brand-guidelines: Brand identity enforcement (anthropics) - ui-animation: Motion design with accessibility (mblode) - marketing-ideas: 139 ideas across 14 categories (coreyhaines31) - pricing-strategy: SaaS pricing and tier design (coreyhaines31) - programmatic-seo: SEO at scale with playbooks (coreyhaines31) - competitor-alternatives: Comparison page architecture (coreyhaines31) - referral-program: Referral and affiliate programs (coreyhaines31) README reorganized by domain: Code Quality, Frontend, Backend, Auth, AI/Agent Building, Marketing, Design, Meta. Mosaic Stack is not limited to coding — the Orchestrator serves coding, business, design, marketing, writing, logistics, and analysis. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1.2 KiB
1.2 KiB
title, description
| title | description |
|---|---|
| AI SDK DevTools | Debug AI SDK calls by inspecting captured runs and steps. |
AI SDK DevTools
Why Use DevTools
DevTools captures all AI SDK calls (generateText, streamText, ToolLoopAgent) to a local JSON file. This lets you inspect LLM requests, responses, tool calls, and multi-step interactions without manually logging.
Setup
Requires AI SDK 6. Install @ai-sdk/devtools using your project's package manager.
Wrap your model with the middleware:
import { wrapLanguageModel, gateway } from 'ai';
import { devToolsMiddleware } from '@ai-sdk/devtools';
const model = wrapLanguageModel({
model: gateway('anthropic/claude-sonnet-4.5'),
middleware: devToolsMiddleware(),
});
Viewing Captured Data
All runs and steps are saved to:
.devtools/generations.json
Read this file directly to inspect captured data:
cat .devtools/generations.json | jq
Or launch the web UI:
npx @ai-sdk/devtools
# Open http://localhost:4983
Data Structure
- Run: A complete multi-step interaction grouped by initial prompt
- Step: A single LLM call within a run (includes input, output, tool calls, token usage)