langgraph-typescript-quickstart
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.
- Installs
- 5.1K
- Last 24h
- +63
- Trending rank
- #2835
- Security
- Warn
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/langchain-ai/langchain-skills --skill langgraph-typescript-quickstart- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads langgraph-typescript-quickstart automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
Security audits
Independent scans of the skill's instructions and bundled files.
SKILL.md
The instructions your agent reads when the skill is triggered.
LangGraph TypeScript quickstart
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:modelstring — 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+, omittemperature/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.envthemselves — 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-fundamentalsfor next steps. For a higher-level agent API, use LangChaincreateAgentinstead.
FAQ
What does the langgraph-typescript-quickstart skill do?
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.
How do I install langgraph-typescript-quickstart?
Run npx skills add https://github.com/langchain-ai/langchain-skills --skill langgraph-typescript-quickstart in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/langgraph-typescript-quickstart/ (personal) or .claude/skills/langgraph-typescript-quickstart/ (project).
Which AI agents can use langgraph-typescript-quickstart?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is langgraph-typescript-quickstart safe to install?
Security partners have reviewed it: Gen Agent Trust Hub passed; Socket passed; Snyk flagged items to review. As with any skill, read the SKILL.md and bundled scripts before installing.
Who maintains langgraph-typescript-quickstart?
It is published by langchain-ai in langchain-ai/langchain-skills. It has 5,082 recorded installs.
More from langchain-ai/langchain-skills
deep-agents-memory
langchain-ai/langchain-skills
INVOKE THIS SKILL when your Deep Agent needs memory, persistence, or filesystem access. Covers StateBackend (ephemeral), StoreBackend (persistent), FilesystemMiddleware, and CompositeBackend for routing.
langgraph-fundamentals
langchain-ai/langchain-skills
INVOKE THIS SKILL when writing ANY LangGraph code. Covers StateGraph, state schemas, nodes, edges, Command, Send, invoke, streaming, and error handling.
langgraph-persistence
langchain-ai/langchain-skills
INVOKE THIS SKILL when your LangGraph needs to persist state, remember conversations, travel through history, or configure subgraph checkpointer scoping. Covers checkpointers, threadid, time travel, Store, and subgraph persistence modes.
langchain-rag
langchain-ai/langchain-skills
INVOKE THIS SKILL when building ANY retrieval-augmented generation (RAG) system. Covers document loaders, RecursiveCharacterTextSplitter, embeddings (OpenAI), and vector stores (Chroma, FAISS, Pinecone).
langchain-fundamentals
langchain-ai/langchain-skills
Create LangChain agents with createagent, define tools, and use middleware for human-in-the-loop and error handling.
langgraph-human-in-the-loop
langchain-ai/langchain-skills
INVOKE THIS SKILL when implementing human-in-the-loop patterns, pausing for approval, or handling errors in LangGraph. Covers interrupt(), Command(resume=...), approval/validation workflows, and the 4-tier error handling strategy.
Popular code quality & workflow skills
grill-me
mattpocock/skills
A relentless interview to sharpen a plan or design.
improve-codebase-architecture
mattpocock/skills
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
handoff
mattpocock/skills
Compact the current conversation into a handoff document for another agent to pick up.
domain-modeling
mattpocock/skills
Build and sharpen a project's domain model. Use when discussing codebase terminology, writing or editing a GLOSSARY.md, or recording or editing an ADR.
codebase-design
mattpocock/skills
Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.
diagnosing-bugs
mattpocock/skills
Diagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwing/failing/slow.