Langgraph Typescript Quickstart

From the author

Scaffold a minimal local LangGraph agent in TypeScript by following the official quickstart. Use when the user wants to quickly build or try a LangGraph agent locally.

— the description by LangChain

AutoGineer summary

Written by AutoGineer from the skill’s own files, not by the author

This skill provides a structured workflow for setting up a basic LangGraph agent in a TypeScript environment. It guides the user through initializing a project, selecting a preferred LLM provider, and implementing a functional math agent using the LangGraph Graph API. The process ensures a clean, isolated development environment while adhering to current documentation standards.

What it does

Creates a dedicated project directory for the agent.
Prompts the user to select a specific LLM provider and model.
Configures the environment with necessary dependencies and a gitignored .env file.
Implements a calculator agent using the LangGraph Graph API.
Executes a test query to verify the agent's functionality.

When to use it

When you need to quickly prototype a LangGraph agent locally.
When you want to understand the basic structure of a LangGraph implementation in TypeScript.
When you need a clean, isolated starting point for an agent project.

Advantages

Ensures the use of up-to-date API patterns from official documentation.
Keeps the project directory clean and isolated from existing files.
Provides flexibility in model selection rather than hardcoding defaults.
Focuses on core functionality without unnecessary overhead like visualization or telemetry.

Usage examples

“Help me set up a new LangGraph agent in TypeScript.”: The agent will create a new directory, ask for your preferred model, install the required packages, and scaffold a working math agent.

Install

Download the skill as a ZIP:
https://mp-staging.autogineer.com/agent-skills/langchain-ai/langgraph-typescript-quickstart/download

Unzip it into the cross-client skills folder of your project:

mkdir -p .agents/skills && unzip langgraph-typescript-quickstart.zip -d .agents/skills

Documentation by LangChain

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

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

Fetch that page (Docs MCP or HTTP) and implement what it shows (calculator / math agent with the Graph API). Prefer the Graph API path over the Functional API unless the user asks otherwise. Skip graph visualization.

Local setup constraints

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

Ask which provider/model to use. Showcase that LangGraph works with any LangChain chat model. 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.
The docs often hardcode Anthropic — replace with initChatModel("<MODEL>") (or equivalent) using their choice. If using Claude Sonnet 5+, omit temperature / top_p / top_k (unsupported).
Create a new directory (e.g. langgraph-agent/) and do all work there — do not pollute the open project.
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.
Install packages from the quickstart plus the provider package for their model.
Run the example (e.g. “Add 3 and 4.”), show output, then stop. Point to langgraph-fundamentals for next steps. For a higher-level agent API, use LangChain createAgent instead.

Files

ATTRIBUTION.mdAdded by AutoGineer924 B
LICENSELicence file added by AutoGineer1.0 KiB
SKILL.md1.8 KiB

Requirements and compatibility

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Needs: Needs an API key

Security

No issues found by our static scan· No issues found

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Setup Matt Pocock Skills
Matt Pocock· Community
Initializes repository configuration for Matt Pocock's engineering agent skills.
Agent toolingClaude CodeClaude appsOpenAI Codex+14 more
MITGitHub stars of the source repository317.5k
Writing For Agents
Matt Pocock· Community
A framework for writing effective, maintainable documentation and skill definitions for AI agents.
Agent toolingClaude CodeClaude appsOpenAI Codex+14 more
MITGitHub stars of the source repository317.5k
Loop Me
Matt Pocock· Community
A systematic grilling process to define and document recurring workflow specifications.
Agent toolingClaude CodeClaude appsOpenAI Codex+14 more
MITGitHub stars of the source repository317.5k
Writing Skills
Jesse Vincent (obra)· Community
A Test-Driven Development framework for creating, verifying, and maintaining robust agent skills.
Agent toolingClaude CodeClaude appsOpenAI Codex+14 more
MITLow riskHas scriptsGitHub stars of the source repository314k
Diagnosing Superpowers
Jesse Vincent (obra)· Community
A systematic workflow for investigating and reporting issues within AI agent sessions.
Agent toolingClaude CodeClaude appsOpenAI Codex+14 more
MITGitHub stars of the source repository314k
Skill Creator
AnthropicOfficial
A comprehensive framework for building, testing, evaluating, and optimizing AI agent skills.
Agent toolingClaude CodeClaude appsOpenAI Codex+14 more
Apache-2.0Low riskHas scriptsGitHub stars of the source repository188.6k