Skip to main content
skill Claude Code CX Codex Cursor GitHub Copilot

ecosystem-primer — Claude Code skill: what it does, how to install

Guides framework selection across LangChain, LangGraph, and Deep Agents before writing code. Maps requirements to the right layer, env vars, and quickstarts.

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

What ecosystem-primer does

This skill guides an agent through the LangChain Inc. ecosystem. It organizes the stack into three distinct layers. Deep Agents acts as the top harness with built-in planning and persistent memory. LangGraph serves as the runtime for custom control flows and stateful graphs. LangChain sits at the bottom, providing basic model and tool abstractions.

A built-in decision flow maps your task to the right tool. Tasks requiring file management across long sessions or subagent delegation trigger Deep Agents. Workflows with deterministic loops or branching logic resolve to LangGraph. Single-purpose agents with fixed tools stay on LangChain via create_agent.

The skill also configures current LangSmith environment variables (LANGSMITH_API_KEY, LANGSMITH_TRACING, LANGSMITH_PROJECT), noting that older variable names no longer work. For technical lookups, it points to the LangChain Docs MCP server (mcp__docs-langchain__*) or docs.langchain.com/llms.txt. Writing agent code before picking the layer leads to unnecessary graph rewrites.

What it helps with

  • choose between LangChain, LangGraph, and Deep Agents for a new project
  • configure current LangSmith environment variables for tracing
  • structure hybrid agents combining Deep Agents with LangGraph subagents
  • look up framework documentation using MCP or llms.txt

Example prompts for the agent

  • Help me choose between LangChain and LangGraph for an agent with custom loops
  • Which LangChain stack layer should I use for a long session managing local files?
  • Show the current LangSmith environment variables needed for tracing

How to install ecosystem-primer

1Skills CLI (Vercel)

npx skills add langchain-ai/langchain-skills --skill ecosystem-primer -a claude-code

2Manually: put the files in place

~/.claude/skills/ecosystem-primer/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/ecosystem-primer/

From the same set14

The whole set →
deep-agents-memory langchain-ai A skill that maps where a Deep Agent keeps its files: thread state, a persistent store, or the real disk. Useful once the agent starts dropping context. Claude Code CX Codex Cursor +1 19,000installs langgraph-persistence langchain-ai A Claude Code skill for LangGraph persistence: wiring a checkpointer, keeping conversations apart by thread_id, and replaying older graph state. Claude Code CX Codex Cursor +1 18,000installs langgraph-fundamentals langchain-ai Skill for writing LangGraph code across platforms. Covers StateGraph, state schemas, nodes, edges, Command, Send, invoke, streaming, and error handling. Claude Code CX Codex Cursor +1 18,000installs langchain-rag langchain-ai Equips coding agents with reference RAG implementations in Python and TypeScript using LangChain loaders, splitters, and vector stores. Claude Code CX Codex Cursor +1 17,500installs langchain-fundamentals langchain-ai Guides LangChain agent work with create_agent(), tools, and middleware. Use it when you need saved conversation state, approval flows, or error handling. Claude Code CX Codex Cursor +1 17,400installs langgraph-human-in-the-loop langchain-ai Skill for building LangGraph workflows that pause and wait for human input. Use it to show agent output, request approval, or validate user responses before continuing. Claude Code CX Codex Cursor +1 17,200installs langchain-middleware langchain-ai Adds middleware hooks for LangChain agents: pauses execution before dangerous tool calls, lets a human approve, edit or reject the action, intercepts calls for logging and retry logic. Claude Code CX Codex Cursor +1 16,200installs deep-agents-orchestration langchain-ai Guides setup of orchestration in Deep Agents: subagent delegation, todo planning, and human approval interrupts. Claude Code CX Codex Cursor +1 16,100installs

Similar

orval orval-labs Generates type-safe TypeScript clients, TanStack Query hooks, Zod schemas, and MSW mocks from OpenAPI specs. Claude Code CX Codex Cursor +1 589installs firecrawl-workflows firecrawl A router skill for Claude Code and other coding agents: it picks a ready Firecrawl workflow for the job and returns a sourced deliverable. Claude Code CX Codex Cursor +1 32,600installs cli-anything-mermaid HKUDS Command-line tool to create and export Mermaid diagrams to SVG or PNG without a GUI. Useful for AI agents generating architecture flowcharts directly from terminal sessions. Claude Code CX Codex Cursor +1 513installs kimi-delegate amElnagdy Hands implementation to the Kimi Code CLI as a background worker, then leaves review and commit to your agent. Useful when you want to stay the reviewer. Claude Code CX Codex Cursor +1 4,400installs browser-mcp-agent antibrow Gives an agent a real browser through MCP calls: navigate, click, fill forms, screenshot, run JS. A named profile keeps the session logged in between runs. Claude Code CX Codex Cursor +1 105,700installs cli-anything-shotcut HKUDS A skill that hands an agent a shell for Shotcut: timelines, filters and renders through MLT XML, with no GUI in the loop. Claude Code CX Codex Cursor +1 500installs setup-matt-pocock-skills Matt Pocock This skill configures a repository for Matt Pocock's engineering skills by setting its issue tracker, triage labels, and domain docs layout. Run it before using the other skills. Claude Code 1,052,851installs to-tickets Matt Pocock Turns a plan, spec, or conversation into small end-to-end tickets with explicit blockers. Use it to agree on the work breakdown before tickets go to a tracker. Claude Code 711,230installs

Questions about ecosystem-primer

How to install ecosystem-primer in Claude Code?

Run npx skills add langchain-ai/langchain-skills --skill ecosystem-primer -a claude-code. This adds the primer directly to your Claude Code configuration.

What does ecosystem-primer do?

It evaluates your project requirements to select between Deep Agents, LangGraph, and LangChain. It also sets up LangSmith variables and recommends the next layer-specific quickstart.

When should you choose LangGraph over Deep Agents?

Choose LangGraph when you need low-level orchestration, deterministic cycles, or custom branching. Pick Deep Agents when you want ready-made planning, file operations, and subagent delegation.

Source text

SKILL.md · MIT
---
name: ecosystem-primer
description: "INVOKE FIRST for any LangChain / LangGraph / Deep Agents agent building project before consulting other skills or writing any agent code. Required starting point for up to date info on framework selection (LangChain vs LangGraph vs Deep Agents vs hybrid composition), agent patterns, install, environment setup, and which skill to load next."
---

<overview>
LangChain Inc. maintains three layered open-source tools for building agents, plus LangSmith for observability. The stack, top-down:

- **Deep Agents** (top layer, *harness*) — batteries-included toolkit built on LangChain + LangGraph. Ships with planning, file management, subagent spawning, and memory out of the box.
- **LangGraph** (middle layer, *runtime*) — low-level orchestration for durable execution, custom control flow, and stateful workflows. LangChain agents run on top of LangGraph.
- **LangChain** (bottom layer, *framework*) — abstractions for models, tools, and the agent loop. Provider-agnostic, easiest to start with.
- **LangSmith** (cross-cutting) — observability and evaluation platform. Framework-agnostic; always recommended alongside any of the above.

Higher layers depend on lower ones, but you don't need to use lower layers directly. Deep Agents gives you LangGraph's durable execution without writing graph code. LangChain gives you models and tools without managing graph edges.
</overview>

---

## Step 1 — Choose Your Tool

<decision-table>

Evaluate these conditions in order and stop at the first match:

1. If the task needs planning, file management across a long session, persistent memory, subagent delegation, or on-demand skills → **Deep Agents**
2. Else, if the task needs custom control flow (deterministic loops, branching logic) → **LangGraph**
3. Else, if it's a single-purpose agent with a fixed set of tools → **LangChain** (`create_agent` function)
4. Else, if it's a pure model call, retrieval pipeline, or simple prompt chain with no agent loop → **LangChain** (direct model / chain)

This is your **layer**. BUT you are not done: later in Step 4, you MUST load the layer-specific skill before writing any agent code.

</decision-table>

---

## Tool Profiles

<langchain-profile>

### LangChain — agent framework

**Best for:**
- Single-purpose agents with a fixed tool set
- RAG pipelines and document Q&A
- Model calls, prompt templates, structured output

**Not ideal when:**
- The agent needs to plan across many steps or manage large context
- Control flow is conditional, iterative, or parallel
- State must persist across sessions

All LangChain agents use `create_agent(model, tools=[...])`.

</langchain-profile>

<langgraph-profile>

### LangGraph — agent runtime

**Best for:**
- Custom control flow — deterministic loops, reflection cycles, parallel fan-out
- Complex workflows combining deterministic and agentic steps
- Human-in-the-loop with precise interrupt and resume points
- State that must survive failures or span long sessions

**Not ideal when:**
- You want planning, file management, and subagent delegation out of the box (use Deep Agents instead)
- The workflow is simple enough for a straight tool loop

All LangGraph graphs use `StateGraph(State)` with explicit nodes, edges, and conditional edges.

</langgraph-profile>

<deep-agents-profile>

### Deep Agents — agent harness

**Best for:**
- Long-running tasks that require planning and decomposition
- Agents that read, write, and manage files across a session
- Delegating subtasks to specialized subagents
- Persistent memory across sessions
- Loading domain-specific skills on demand

**Not ideal when:**
- The task is simple enough for a single-purpose agent
- You need precise hand-crafted control over every graph edge (use LangGraph directly)

All Deep Agents use `create_deep_agent(model, tools=[...])`.

</deep-agents-profile>

---

## Mixing Layers

<mixing-layers>

The tools are layered, so they can be combined in the same project. Common patterns:

- **Deep Agents orchestrator → LangGraph subagent** — when the main agent needs planning and memory but one subtask requires a deterministic graph.
- **LangGraph graph wrapped as a tool or subagent** — when a specialized pipeline (e.g. RAG, reflection loop) is called by a broader agent.

A compiled LangGraph graph can be registered as a named subagent inside Deep Agents — the orchestrator delegates to it via the `task` tool without knowing its internal structure. LangChain tools and retrievers work freely inside both LangGraph nodes and Deep Agents tools.

</mixing-layers>

---

## Step 2 — Set Environment Variables

Always set these for observability. These are the current LangSmith env var names. Copy them as-is. OLDER NAMES NO LONGER WORK.

<environment-variables>
LANGSMITH_API_KEY=<your-key>
LANGSMITH_TRACING=true
LANGSMITH_PROJECT=<project-name>
</environment-variables>

Model-provider and tool-specific keys (`ANTHROPIC_API_KEY`, `OPENAI_API_KEY`, `TAVILY_API_KEY`, etc.) depend on your stack — set them as needed.

---

## Step 3 — How the Docs Work

<docs>

All documentation lives at **docs.langchain.com**, organized into two top-level sections:

- **OSS** — LangChain, LangGraph, Deep Agents. Python (`/oss/python/`) and TypeScript (`/oss/javascript/`) trees in parallel.
- **LangSmith** — observability, evaluation, deployment, prompt engineering.

Each product has its own page tree: overview → quickstart → how-to guides → reference.

### Canonical landing pages

Start here rather than tree-searching from root (swap `python` → `javascript` for TypeScript):

- **LangChain** — `/oss/python/langchain/overview`
- **LangGraph** — `/oss/python/langgraph/overview`
- **Deep Agents** — `/oss/python/deepagents/overview`
- **LangSmith** — `/langsmith/home` (no language split)

### Accessing docs in an agent context

**If the LangChain Docs MCP server is connected** (`mcp__docs-langchain__*` tools are available), query it directly:
```
tree /oss/python -L 2                        # explore Python structure
tree /oss/javascript -L 2                    # parallel TypeScript structure
cat /oss/python/langchain/quickstart.mdx     # read a specific page
rg -il "checkpointer" /oss/python/langgraph/ # search by keyword
```

**If the MCP server is not available**, use the `llms.txt` index:
1. Fetch `https://docs.langchain.com/llms.txt` — structured list of all pages with descriptions
2. Identify the 2–4 most relevant pages for the question
3. Fetch those pages directly for accurate, up-to-date content

> Always prefer fetching live docs over relying on training-data knowledge — these libraries evolve fast and APIs change often.

</docs>

---

## Step 4 — Load the Right Skill Next

If the user only wants a minimal local working agent (new project, stub tool, provider key), load the matching quickstart first:

- LangChain → `langchain-python-quickstart` or `langchain-typescript-quickstart`
- LangGraph → `langgraph-python-quickstart` or `langgraph-typescript-quickstart`
- Deep Agents → `deepagents-python-quickstart` or `deepagents-typescript-quickstart`

Otherwise load the skill below that matches your layer from Step 1. This is required — the layer-specific skill carries the current API; the primer alone does not.

<next-skills>

### LangChain

- **`langchain-fundamentals`** — building any LangChain agent
- **`langchain-rag`** — adding RAG / vector store retrieval
- **`langchain-middleware`** — structured output with Pydantic
- **`langchain-dependencies`** — package versions, installs, or dependency management questions

### LangGraph

- **`langgraph-fundamentals`** — any LangGraph graph
- **`langgraph-human-in-the-loop`** — human-in-the-loop or approval workflows
- **`langgraph-persistence`** — state that must survive restarts, or cross-thread memory

### Deep Agents

**Always load `deep-agents-core` first.** Then, as needed:

- **`deep-agents-orchestration`** — subagent delegation or orchestration
- **`deep-agents-memory`** — cross-session persistent memory

</next-skills>

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

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor

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