langchain-local-dev-loop
Configure LangChain local development workflow with hot reload and testing. Use when setting up development environment, configuring test fixtures, or establishing a rapid iteration workflow for LangChain apps. Trigger with phrases like "langchain dev setup", "langchain local development", "langchain testing", "langchain development workflow".
Install
mkdir -p .claude/skills/langchain-local-dev-loop && curl -L -o skill.zip "https://mcp.directory/api/skills/download/5989" && unzip -o skill.zip -d .claude/skills/langchain-local-dev-loop && rm skill.zipInstalls to .claude/skills/langchain-local-dev-loop
About this skill
LangChain Local Dev Loop
Overview
Set up a productive local development workflow for LangChain: project structure, mocked LLMs for unit tests (no API calls), integration tests with real providers, and dev tooling.
Project Structure
my-langchain-app/
├── src/
│ ├── chains/ # LCEL chain definitions
│ │ ├── summarize.ts
│ │ └── rag.ts
│ ├── tools/ # Tool definitions
│ │ └── calculator.ts
│ ├── agents/ # Agent configurations
│ │ └── assistant.ts
│ └── index.ts
├── tests/
│ ├── unit/ # Mocked tests (no API calls)
│ │ └── chains.test.ts
│ └── integration/ # Real API tests (CI gated)
│ └── rag.test.ts
├── .env # API keys (git-ignored)
├── .env.example # Template for required vars
├── package.json
├── tsconfig.json
└── vitest.config.ts
Step 1: Dev Dependencies
set -euo pipefail
npm install @langchain/core @langchain/openai langchain zod
npm install -D vitest @types/node tsx dotenv typescript
Step 2: Vitest Configuration
// vitest.config.ts
import { defineConfig } from "vitest/config";
export default defineConfig({
test: {
include: ["tests/**/*.test.ts"],
environment: "node",
setupFiles: ["./tests/setup.ts"],
testTimeout: 30000,
},
});
// tests/setup.ts
import "dotenv/config";
Step 3: Unit Tests with Mocked LLM
// tests/unit/chains.test.ts
import { describe, it, expect, vi } from "vitest";
import { FakeListChatModel } from "@langchain/core/utils/testing";
import { ChatPromptTemplate } from "@langchain/core/prompts";
import { StringOutputParser } from "@langchain/core/output_parsers";
describe("Summarize Chain", () => {
it("processes input through prompt -> model -> parser", async () => {
// FakeListChatModel returns predefined responses (no API call)
const fakeLLM = new FakeListChatModel({
responses: ["This is a summary of the document."],
});
const prompt = ChatPromptTemplate.fromTemplate("Summarize: {text}");
const chain = prompt.pipe(fakeLLM).pipe(new StringOutputParser());
const result = await chain.invoke({ text: "Long document text..." });
expect(result).toBe("This is a summary of the document.");
});
it("handles structured output", async () => {
const fakeLLM = new FakeListChatModel({
responses: ['{"sentiment": "positive", "score": 0.95}'],
});
const prompt = ChatPromptTemplate.fromTemplate("Analyze: {text}");
const chain = prompt.pipe(fakeLLM).pipe(new StringOutputParser());
const result = await chain.invoke({ text: "Great product!" });
const parsed = JSON.parse(result);
expect(parsed.sentiment).toBe("positive");
expect(parsed.score).toBeGreaterThan(0.5);
});
it("chain has correct input variables", () => {
const prompt = ChatPromptTemplate.fromTemplate(
"Translate {text} to {language}"
);
expect(prompt.inputVariables).toEqual(["text", "language"]);
});
});
Step 4: Tool Unit Tests
// tests/unit/tools.test.ts
import { describe, it, expect } from "vitest";
import { tool } from "@langchain/core/tools";
import { z } from "zod";
const calculator = tool(
async ({ expression }) => {
try {
return String(Function(`"use strict"; return (${expression})`)());
} catch {
return "Error: invalid expression";
}
},
{
name: "calculator",
description: "Evaluate math",
schema: z.object({ expression: z.string() }),
}
);
describe("Calculator Tool", () => {
it("evaluates valid expressions", async () => {
const result = await calculator.invoke({ expression: "2 + 2" });
expect(result).toBe("4");
});
it("handles invalid input gracefully", async () => {
const result = await calculator.invoke({ expression: "not math" });
expect(result).toContain("Error");
});
it("has correct schema", () => {
expect(calculator.name).toBe("calculator");
expect(calculator.description).toBe("Evaluate math");
});
});
Step 5: Integration Tests (Real API)
// tests/integration/rag.test.ts
import { describe, it, expect } from "vitest";
import { ChatOpenAI, OpenAIEmbeddings } from "@langchain/openai";
import { MemoryVectorStore } from "langchain/vectorstores/memory";
describe.skipIf(!process.env.OPENAI_API_KEY)("RAG Integration", () => {
it("retrieves relevant documents", async () => {
const embeddings = new OpenAIEmbeddings({ model: "text-embedding-3-small" });
const store = await MemoryVectorStore.fromTexts(
[
"LangChain is a framework for building LLM applications.",
"TypeScript is a typed superset of JavaScript.",
"Python is a popular programming language.",
],
[{}, {}, {}],
embeddings
);
const results = await store.similaritySearch("LLM framework", 1);
expect(results[0].pageContent).toContain("LangChain");
});
it("model responds to prompts", async () => {
const model = new ChatOpenAI({ model: "gpt-4o-mini", temperature: 0 });
const response = await model.invoke("Say exactly: test passed");
expect(response.content).toContain("test passed");
});
});
Step 6: Package Scripts
{
"scripts": {
"dev": "tsx watch src/index.ts",
"test": "vitest run tests/unit/",
"test:watch": "vitest tests/unit/",
"test:integration": "vitest run tests/integration/",
"test:all": "vitest run",
"typecheck": "tsc --noEmit",
"lint": "eslint src/ tests/"
}
}
Dev Workflow
# Rapid iteration (no API costs)
npm test # Run unit tests with mocked LLMs
npm run test:watch # Watch mode for TDD
# Validate with real APIs (costs money)
npm run test:integration # Needs OPENAI_API_KEY
# Type safety
npm run typecheck
Error Handling
| Error | Cause | Fix |
|---|---|---|
Cannot find module | Missing dependency | npm install @langchain/core |
FakeListChatModel not found | Old version | Update @langchain/core to latest |
| Integration test hangs | No API key | Tests use describe.skipIf to skip gracefully |
ERR_REQUIRE_ESM | CJS/ESM mismatch | Add "type": "module" to package.json |
Resources
Next Steps
Proceed to langchain-sdk-patterns for production-ready code patterns.
More by jeremylongshore
View all skills by jeremylongshore →You might also like
flutter-development
aj-geddes
Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.
drawio-diagrams-enhanced
jgtolentino
Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.
ui-ux-pro-max
nextlevelbuilder
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."
godot
bfollington
This skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI workflows. The `godot` command is available for running the game, validating scripts, importing resources, and exporting builds. Use this skill for tasks involving Godot game development, debugging scene/resource files, implementing game systems, or creating new Godot components.
nano-banana-pro
garg-aayush
Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.
fastapi-templates
wshobson
Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.
Related MCP Servers
Browse all serversUnlock AI-powered automation for Postman for API testing. Streamline workflows, code sync, and team collaboration with f
Supercharge Android Studio workflows with AI-driven SVG conversion, live logcat, and advanced mobile dev tools for smart
Use natural language to control the App Store Connect API—automate app management, beta testing, localizations, analytic
Extend your developer tools with GitHub MCP Server for advanced automation, supporting GitHub Student and student packag
Boost productivity with Task Master: an AI-powered tool for project management and agile development workflows, integrat
Optimize your codebase for AI with Repomix—transform, compress, and secure repos for easier analysis with modern AI tool
Stay ahead of the MCP ecosystem
Get weekly updates on new skills and servers.