New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Official agent skill

Langgraph Typescript Quickstart

by langchain-ai in langchain-ai/langchain-skills

Scaffold a minimal local LangGraph agent in TypeScript by following the official quickstart.

OfficialMITAuto-check: notesAI & LLM Engineering

Install Langgraph Typescript Quickstart

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

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install langchain-ai/langchain-skills langgraph-typescript-quickstart --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/langchain-ai/langchain-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/config/skills/langgraph-typescript-quickstart .claude/skills/langgraph-typescript-quickstart && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
langgraph-typescript-quickstart
GitHub stars
1.3k
Token cost
~455 tokens
SKILL.md length
212 words
Files
1
Skills in repo
22
Repo updated
First seen
Licence
MIT

At a glance

Scaffold a minimal local LangGraph agent in TypeScript by following the official quickstart.

  • Works in 5 steps: Ask which provider/model to use.… → Create a new directory (e.g.… → Only secret: the provider API key in… → …
  • The user wants to quickly build
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Try a LangGraph agent locally

What it does

Langgraph Typescript Quickstart is an agent skill from langchain-ai/langchain-skills, published by the product's own GitHub organization. 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.

Its SKILL.md is about 460 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in AI & LLM Engineering, covering Building AI agents. It works with LangGraph, TypeScript, LangChain and LangSmith. The licence is MIT.

When your agent uses it

  • The user wants to quickly build
  • Try a LangGraph agent locally

Example prompts

  • “/langgraph-typescript-quickstart”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Ask which provider/model to use. Showcase that LangGraph works with any LangChain chat model. Suggested prompt
  2. Create a new directory (e.g. langgraph-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…
  4. Install packages from the quickstart plus the provider package for their model.
  5. 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…

What it can do on your machine

Read from SKILL.md and the folder at commit 16a992f. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • docs.langchain.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Langgraph Typescript Quickstart loads about 455 tokens when it runs. Until then it costs about 50 tokens; SKILL.md has 212 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~50
When it runs · the whole SKILL.md, loaded when a task matches
~455

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NoteMentions a .env fileSKILL.md:26
    3. Only secret: the provider API key in `.env` (gitignored). No LangSmith / Tavily unless they ask. Prefer they edit `.e

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from langchain-ai/langchain-skills at commit 16a992f, republished under its MIT licence (© langchain-ai). 212 words, ~455 tokens.

Download SKILL.mdSave it as .claude/skills/langgraph-typescript-quickstart/SKILL.md (or your agent's skills folder).
name
langgraph-typescript-quickstart
description
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.

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):

  1. 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).

  2. Create a new directory (e.g. langgraph-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 packages from the quickstart plus the provider package for their model.

  5. 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.

© langchain-ai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in config/skills/langgraph-typescript-quickstart of langchain-ai/langchain-skills.

Open the folder on GitHubat commit 16a992f

Compare with similar skills

Langgraph Typescript Quickstart next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Langgraph Typescript Quickstart compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Langgraph Typescript Quickstart this skilllangchain-ai/langchain-skills1.3k—~455Automated safety check: NotesMIT
Docs Code Sampleslangchain-ai/docs424—~4.6kAutomated safety check: PassMIT
Langgraph Testing Evaluationsoba-labs/langchain-agent-skills107—~2.3kAutomated safety check: PassMIT
LangSmith Trace DebuggingComposioHQ/awesome-claude-skills77k9 repos~2.7kAutomated safety check: PassNone
Add Example AgentGetBindu/Bindu10k—~1.1kAutomated safety check: NotesCustom licence
Failproof AI SDK IntegrationFailproofAI/failproofai5.3k—~6kAutomated safety check: PassCustom licence

Similar skills

  • Docs Code Samples

    langchain-ai/docs

    Official

    A skill your agent uses when migrating inline code samples from LangChain docs (MDX files) into external, testable code files that are extracted by this repo’s snippet scripts and used as Mintlify…

    424 GitHub stars~4.6k tokensUpdated today
    AI & LLM EngineeringAuto-check passed

  • Langgraph Testing Evaluation

    soba-labs/langchain-agent-skills

    A skill your agent uses when you need to test or evaluate LangGraph/LangChain agents: writing unit or integration tests, generating test scaffolds, mocking LLM/tool behavior, running trajectory…

    107 GitHub stars~2.3k tokensUpdated 1 mo ago
    AI & LLM EngineeringAuto-check passed

  • LangSmith Trace Debugging

    ComposioHQ/awesome-claude-skills

    Debugs LangChain and LangGraph agents by pulling recent execution traces with the langsmith-fetch CLI and reporting errors, tool calls, timings and token use.

    77k GitHub starsUsed in 9 repos~2.7k tokens
    AI & LLM EngineeringAuto-check passed

  • Add Example Agent

    GetBindu/Bindu

    Add a new self-contained example agent under examples/. An agent skill from GetBindu/Bindu.

    10k GitHub stars~1.1k tokensUpdated 1 mo ago
    AI & LLM EngineeringAuto-check: notes

  • Failproof AI SDK Integration

    FailproofAI/failproofai

    Helps instrument a custom Python or TypeScript agent to record events for Failproof AI, verify what gets written, and run an evaluator worker that scores the runs.

    5.3k GitHub stars~6k tokensUpdated 2 days ago
    AI & LLM EngineeringAuto-check passed

  • Add Docs Page

    langchain-ai/docs

    Official

    Add, move, rename, or delete a page on the LangChain docs site.

    424 GitHub stars~2k tokensUpdated today
    AI & LLM EngineeringAuto-check passed

More from langchain-ai/langchain-skills

All 22 skills in this repo

  • Agent Eval Engineering

    langchain-ai/langchain-skills

    Official

    Builds agent evaluations in stages: inspect the repository and traces, agree a Task Spec with you, then build, audit and run a Harbor task with an independent verifier.

    1.3k GitHub stars~4k tokensUpdated 2 days ago
    Auto-check passed

  • Langgraph Human In The Loop

    langchain-ai/langchain-skills

    Official

    INVOKE THIS SKILL when implementing human-in-the-loop patterns, pausing for approval, or handling errors in LangGraph.

    1.3k GitHub starsUsed in 2 repos~4.1k tokens
    Auto-check passed

  • Swarm Parallel Dispatch

    langchain-ai/langchain-skills

    Official

    Fans a list of independent items out to subagents in parallel, merges the results back into a table and supports retrying only the rows that failed.

    1.3k GitHub stars~3k tokensUpdated 2 days ago
    Auto-check passed

  • LangGraph Decision Models

    langchain-ai/langchain-skills

    Official

    Routes LangGraph agents with typed decision models that return probabilities, and finds LLM calls that only exist to produce a routing decision.

    1.3k GitHub stars~2.3k tokensUpdated 2 days ago
    Auto-check passed

  • Deep Agents Core

    langchain-ai/langchain-skills

    Official

    Explains how to build agents with the Deep Agents framework: create_deep_agent, the built-in middleware, the harness, SKILL.md format and configuration options.

    1.3k GitHub starsUsed in 1 repo~3.1k tokens
    Auto-check passed

  • Langchain Dependencies

    langchain-ai/langchain-skills

    Official

    INVOKE THIS SKILL when setting up a new project or when asked about package versions, installation, or dependency management for LangChain, LangGraph, LangSmith, or Deep Agents.

    1.3k GitHub starsUsed in 1 repo~3.6k tokens
    Auto-check passed

Works with

Categories

Questions about Langgraph Typescript Quickstart

What does Langgraph Typescript Quickstart do?

Scaffold a minimal local LangGraph agent in TypeScript by following the official quickstart. Langgraph Typescript Quickstart is an agent skill from langchain-ai/langchain-skills, published by the product's own GitHub organization. Scaffold a minimal local LangGraph agent in TypeScript by following the official quickstart.

When should I use Langgraph Typescript Quickstart?

Langgraph Typescript Quickstart fits situations like: the user wants to quickly build; try a LangGraph agent locally.

How do I install Langgraph Typescript Quickstart in Claude Code?

Run `npx skills add langchain-ai/langchain-skills --skill langgraph-typescript-quickstart -a claude-code`. Or copy the skill folder (config/skills/langgraph-typescript-quickstart in langchain-ai/langchain-skills) into .claude/skills/langgraph-typescript-quickstart in your project. Claude Code loads it when a task matches its description.

How do I install Langgraph Typescript Quickstart in Codex?

Run `npx skills add langchain-ai/langchain-skills --skill langgraph-typescript-quickstart -a codex`. Or copy the skill folder (config/skills/langgraph-typescript-quickstart in langchain-ai/langchain-skills) into .agents/skills/langgraph-typescript-quickstart in your project. Codex loads it when a task matches its description.

Can I use Langgraph Typescript Quickstart in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add langchain-ai/langchain-skills --skill langgraph-typescript-quickstart -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/langgraph-typescript-quickstart, .gemini/skills/langgraph-typescript-quickstart, .github/skills/langgraph-typescript-quickstart and .opencode/skills/langgraph-typescript-quickstart in your project.

What does Langgraph Typescript Quickstart need to run?

SKILL.md names no scripts, command-line tools or credentials: Langgraph Typescript Quickstart is instructions for the agent only.

Does Langgraph Typescript Quickstart access the network?

SKILL.md names 1 domain. As links in the text: docs.langchain.com. This is read from the text; nothing was executed.

Is Langgraph Typescript Quickstart safe to install?

Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Langgraph Typescript Quickstart use?

Langgraph Typescript Quickstart is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Langgraph Typescript Quickstart use?

About 455 tokens (SKILL.md is roughly 1.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Langgraph Typescript Quickstart?

Skills that share tags, products or a category with Langgraph Typescript Quickstart: Docs Code Samples (langchain-ai/docs, 424 stars), Langgraph Testing Evaluation (soba-labs/langchain-agent-skills, 107 stars), LangSmith Trace Debugging (ComposioHQ/awesome-claude-skills, 77k stars) and Add Example Agent (GetBindu/Bindu, 10k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Langgraph Typescript Quickstart?

langchain-ai (a GitHub organization, an official publisher) maintains it in langchain-ai/langchain-skills, which has 1,270 GitHub stars. The repository holds 22 skills in this directory. The repository was last updated on October 5, 2026.

Source: langchain-ai/langchain-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.