Skip to main content
affpapa.org
RU EN
skill CX Codex

langchain-typescript-quickstart — Claude Code skill: install & use

Builds a minimal LangChain agent in TypeScript following the official quickstart: a weather tool, createAgent, its own folder. Handy when you want to try LangChain locally.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add langchain-ai/langchain-skills --skill langchain-typescript-quickstart -a claude-code
Open on GitHub

What langchain-typescript-quickstart does

The skill walks through LangChain's official quickstart and builds a small TypeScript agent in a fresh directory — a weather tool plus createAgent. It fetches the quickstart page through Docs MCP or plain HTTP and follows what is on the page, rather than inventing an API from memory.

First it asks which provider and model you want, then swaps in a provider:model string. With no answer it suggests anthropic:claude-sonnet-5. You need Node 22+ and the provider key in .env, which gets gitignored. Edit that file yourself instead of pasting a key into the chat.

Everything happens in the new folder, so the project you have open stays untouched. The only secret is the API key; LangSmith and Tavily stay out unless you ask for them. Then it runs the example, shows the output and stops, pointing at langchain-fundamentals for next steps. One catch: a repo pinned to an older Node will not run this.

What it helps with

  • scaffold a local LangChain agent in TypeScript from scratch
  • follow the live quickstart instead of guessing the API
  • switch the example to another provider and model
  • keep the provider key in a gitignored .env
  • run the example and see real output before extending it

Example prompts for the agent

  • Scaffold a minimal LangChain agent in TypeScript in a new langchain-agent/ folder, following the official quickstart
  • Ask me which provider and model to use before you write any code
  • Use anthropic:claude-sonnet-5, run the example and show me the output

How to install langchain-typescript-quickstart

1Skills CLI (Vercel)

npx skills add langchain-ai/langchain-skills --skill langchain-typescript-quickstart -a claude-code

2Manually: put the files in place

~/.claude/skills/langchain-typescript-quickstart/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/langchain-typescript-quickstart/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about langchain-typescript-quickstart

How do I install langchain-typescript-quickstart in Claude Code?

Run npx skills add langchain-ai/langchain-skills --skill langchain-typescript-quickstart -a claude-code. The skill lands at ~/.claude/skills/langchain-typescript-quickstart/SKILL.md.

What does langchain-typescript-quickstart do?

It works through LangChain's official quickstart and creates a small TypeScript agent with a weather tool and createAgent in its own folder. It asks for your model and provider, so the example is not tied to one vendor.

What do I need before running it?

Node 22+ and an API key for the provider you pick, stored in .env. If the base install is not enough, the skill adds the provider package for your model.

Source text

SKILL.md · MIT 
---
name: langchain-typescript-quickstart
description: "Scaffold a minimal local LangChain agent in TypeScript by following the official quickstart. Use when the user wants to quickly build or try a LangChain agent locally."
---

# LangChain TypeScript quickstart

Follow the live docs — do not invent an alternate API from memory:

**https://docs.langchain.com/oss/javascript/langchain/quickstart**

Fetch that page (Docs MCP or HTTP) and implement what it shows (weather agent + `createAgent`). Requires Node 22+.

## Local setup constraints

Apply these on top of the quickstart (they keep setup minimal and model-agnostic):

1. **Ask** which provider/model to use. Showcase that LangChain is model-agnostic. Suggested prompt:

   > Which model should this agent use? Pass a `provider:model` string — e.g. `openai:gpt-5.5`, `anthropic:claude-sonnet-5`, `google-genai:gemini-2.5-flash-lite`. Default if you're unsure: **`anthropic:claude-sonnet-5`**.

   Swap the quickstart's model string for their choice (or the default).

2. Create a **new** directory (e.g. `langchain-agent/`) and do all work there — do not pollute the open project.

3. Only secret: the provider API key in `.env` (gitignored). No LangSmith / Tavily unless they ask. Prefer they edit `.env` themselves — don't paste keys into chat.

4. Install the provider package needed for their model if the quickstart's base install isn't enough.

5. Run the example, show output, then stop. Point to `langchain-fundamentals` for next steps.

© langchain-ai · MIT · langchain-ai/langchain-skills

Similar skills

Everything for AI and ML →
langchain-development Mindrally Gives your agent a rulebook for LangChain and LangGraph work in Python: chain composition, agents, memory, RAG. Useful once a Python LLM project outgrows one file. CX Codex +1 681installs migrating-langchain-to-pydantic-ai pydantic A skill that moves Python apps off LangChain, LangGraph and Deep Agents onto Pydantic AI. Useful when you want to keep the behavior and drop the framework shape. CX Codex +1 314installs typescript-mcp-server-generator official github Generates a TypeScript MCP server project with tools, resources, and configuration. Use it when a new server should start on the MCP TypeScript SDK v2. 12,050installs langchain-dev-guide ob-labs A reference of LangChain and LangGraph failures with verified fixes, written as symptom, cause, solution. Useful when an agent misbehaves. CX Codex +1 836installs langchain-orchestration manutej A LangChain reference skill for your coding agent: chains, agents, memory, RAG and orchestration. Useful when the agent writes LangChain code and should stick to working patterns. CX Codex +1 451installs langchain-python official github A GitHub Copilot instruction file that steers the agent toward LangChain patterns: Runnable, LCEL, chat models, retrievers and vector stores. Useful when your Python code talks to LangChain. ★ 40,418repo stars

From the same set22

ecosystem-primer Guides framework selection across LangChain, LangGraph, and Deep Agents before writing code. Maps requirements to the right layer, env vars, and quickstarts. CX Codex +1 8,000installs eval-engineering A skill that walks you through agent eval design: it inspects your repo, writes a Task Spec, then builds and audits runnable tasks in Harbor. CX Codex +1 5,300installs langgraph-python-quickstart Scaffolds a minimal local LangGraph Python agent using the official quickstart. Useful when you need to test a Graph API agent in an isolated folder. CX Codex +1 5,200installs deepagents-python-quickstart Scaffolds a minimal Deep Agent in Python from the live LangChain quickstart: asks for a model, keeps work in a fresh folder, swaps Tavily for provider-native search. CX Codex +1 5,000installs langgraph-typescript-quickstart Scaffolds a minimal local LangGraph agent in TypeScript following official docs. Useful when testing graph architectures locally without polluting existing repositories. CX Codex +1 5,000installs langchain-python-quickstart Builds a minimal local LangChain agent in Python from the current quickstart. Use it to try an agent in a separate project directory. CX Codex +1 5,000installs deepagents-typescript-quickstart Scaffolds a minimal TypeScript Deep Agent from the official quickstart, swapping Tavily for the provider's built-in web search. CX Codex +1 4,900installs langgraph-decision-models A skill that swaps LLM calls made only to extract a routing decision for typed questions that return probabilities. CX Codex +1 1,600installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor