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.
How do I install this agent skill?
npx skills add https://github.com/langchain-ai/langchain-skills --skill langgraph-typescript-quickstartIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill provides a guided developer workflow for scaffolding a local TypeScript project. It adheres to security best practices by recommending the use of environment variables for secrets and advising against sharing sensitive credentials in the chat interface.
- Socketpass
No alerts
- Snykwarn
Risk: MEDIUM · 2 issues
What does this agent skill do?
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.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/langchain-ai/langchain-skills/langgraph-typescript-quickstart">View langgraph-typescript-quickstart on skillZs</a>