> framework-selection

INVOKE THIS SKILL at the START of any LangChain/LangGraph/Deep Agents project, before writing any agent code. Determines which framework layer is right for the task: LangChain, LangGraph, Deep Agents, or a combination. Must be consulted before other agent skills.

fetch
$curl "https://skillshub.wtf/Harmeet10000/skills/framework-selection?format=md"
SKILL.mdframework-selection
<overview> LangChain, LangGraph, and Deep Agents are **layered**, not competing choices. Each builds on the one below it:
┌─────────────────────────────────────────┐
│              Deep Agents                │  ← highest level: batteries included
│   (planning, memory, skills, files)     │
├─────────────────────────────────────────┤
│               LangGraph                 │  ← orchestration: graphs, loops, state
│    (nodes, edges, state, persistence)   │
├─────────────────────────────────────────┤
│               LangChain                 │  ← foundation: models, tools, chains
│      (models, tools, prompts, RAG)      │
└─────────────────────────────────────────┘

Picking a higher layer does not cut you off from lower layers — you can use LangGraph graphs inside Deep Agents, and LangChain primitives inside both.

This skill should be loaded at the top of any project before selecting other skills or writing agent code. The framework you choose dictates which other skills to invoke next.

</overview>

Decision Guide

<decision-table>

Answer these questions in order:

QuestionYes →No →
Does the task require breaking work into sub-tasks, managing files across a long session, persistent memory, or loading on-demand skills?Deep Agents
Does the task require complex control flow — loops, dynamic branching, parallel workers, human-in-the-loop, or custom state?LangGraph
Is this a single-purpose agent that takes input, runs tools, and returns a result?LangChain (create_agent)
Is this a pure model call, chain, or retrieval pipeline with no agent loop?LangChain (LCEL / chain)
</decision-table>

Framework Profiles

<langchain-profile>

LangChain — Use when the task is focused and self-contained

Best for:

  • Single-purpose agents that use a fixed set of tools
  • RAG pipelines and document Q&A
  • Model calls, prompt templates, output parsing
  • Quick prototypes where agent logic is simple

Not ideal when:

  • The agent needs to plan across many steps
  • State needs to persist across multiple sessions
  • Control flow is conditional or iterative

Skills to invoke next: langchain-models, langchain-rag, langchain-middleware

</langchain-profile> <langgraph-profile>

LangGraph — Use when you need to own the control flow

Best for:

  • Agents with branching logic or loops (e.g. retry-until-correct, reflection)
  • Multi-step workflows where different paths depend on intermediate results
  • Human-in-the-loop approval at specific steps
  • Parallel fan-out / fan-in (map-reduce patterns)
  • Persistent state across invocations within a session

Not ideal when:

  • You want planning, file management, and subagent delegation handled for you (use Deep Agents instead)
  • The workflow is straightforward enough for a simple agent

Skills to invoke next: langgraph-fundamentals, langgraph-human-in-the-loop, langgraph-persistence

</langgraph-profile> <deep-agents-profile>

Deep Agents — Use when the task is open-ended and multi-dimensional

Best for:

  • Long-running tasks that require breaking work into a todo list
  • Agents that need to read, write, and manage files across a session
  • Delegating subtasks to specialized subagents
  • Loading domain-specific skills on demand
  • Persistent memory that survives across multiple sessions

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)

Middleware — built-in and extensible:

Deep Agents ships with a built-in middleware layer out of the box — you configure it, you don't implement it. The following come pre-wired; you can also add your own on top:

MiddlewareWhat it providesAlways on?
TodoListMiddlewarewrite_todos tool — agent plans and tracks multi-step tasks
FilesystemMiddlewarels, read_file, write_file, edit_file, glob, grep tools
SubAgentMiddlewaretask tool — delegate work to named subagents
SkillsMiddlewareLoad SKILL.md files on demand from a skills directoryOpt-in
MemoryMiddlewareLong-term memory across sessions via a Store instanceOpt-in
HumanInTheLoopMiddlewareInterrupt and request human approval before sensitive tool callsOpt-in

Skills to invoke next: deep-agents-core, deep-agents-memory, deep-agents-orchestration

</deep-agents-profile>

Mixing Layers

<mixing-layers> Because the frameworks are layered, they can be combined in the same project. The most common pattern is using Deep Agents as the top-level orchestrator while dropping down to LangGraph for specialized subagents.

When to mix

ScenarioRecommended pattern
Main agent needs planning + memory, but one subtask requires precise graph controlDeep Agents orchestrator → LangGraph subagent
Specialized pipeline (e.g. RAG, reflection loop) is called by a broader agentLangGraph graph wrapped as a tool or subagent
High-level coordination but low-level graph for a specific domainDeep Agents + LangGraph compiled graph as a subagent

How it works in practice

A LangGraph compiled graph can be registered as a subagent inside Deep Agents. This means you can build a tightly-controlled LangGraph workflow (e.g. a retrieval-and-verify loop) and hand it off to the Deep Agents task tool as a named subagent — the Deep Agents orchestrator delegates to it without caring about its internal graph structure.

LangChain tools, chains, and retrievers can be used freely inside both LangGraph nodes and Deep Agents tools — they are the shared building blocks at every level.

</mixing-layers>

Quick Reference

<quick-reference>
LangChainLangGraphDeep Agents
Control flowFixed (tool loop)Custom (graph)Managed (middleware)
Middleware layerCallbacks only✗ None✓ Explicit, configurable
PlanningManual✓ TodoListMiddleware
File managementManual✓ FilesystemMiddleware
Persistent memoryWith checkpointer✓ MemoryMiddleware
Subagent delegationManual✓ SubAgentMiddleware
On-demand skills✓ SkillsMiddleware
Human-in-the-loopManual interrupt✓ HumanInTheLoopMiddleware
Custom graph edges✓ Full controlLimited
Setup complexityLowMediumLow
FlexibilityMediumHighMedium

Middleware is a concept specific to LangChain (callbacks) and Deep Agents (explicit middleware layer). LangGraph has no middleware — you wire behavior directly into nodes and edges.

</quick-reference>

> related_skills --same-repo

> vibe-ppt

Convert this into a web based slide deck using reveal.js. Use the following brand colour and logo. Primary colour: #EE4822 Theme: Light Logo: https://media.licdn.com/dms/image/v2/D560BAQFeaNrDEATcKQ/company-logo_200_200/company-logo_200_200/0/1709465010800/100xengineers_logo?e=2147483647&v=beta&t=qKncqAfB_j9ckDOxOx1eN9EEPocLTbNqliLnAU3sP6c Slide Content: Vibe Coding with Gemini Canvas Slide 1: Vibe Coding with Gemini Canvas Slide 2: What is Vibe Coding? Vibe Coding: Use natural language pro

> upwork-scrape-apply

# Upwork Job Scrape & Apply Pipeline Scrape Upwork jobs matching AI/automation keywords, generate personalized cover letters and proposals, and output to a Google Sheet with one-click apply links. ## Inputs - **Keywords**: List of search terms (default: automation, ai agent, n8n, gpt, workflow, api integration, scraping, ai consultant) - **Limit**: Max jobs to fetch (default: 50) - **Days**: Only jobs from last N days (default: 1 = last 24 hours) - **Filters**: - `--verified-payment`: Only

> ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: g

> typescript-magician

Designs complex generic types, refactors `any` types to strict alternatives, creates type guards and utility types, and resolves TypeScript compiler errors. Use when the user asks about TypeScript (TS) types, generics, type inference, type guards, removing `any` types, strict typing, type errors, `infer`, `extends`, conditional types, mapped types, template literal types, branded/opaque types, or utility types like `Partial`, `Record`, `ReturnType`, and `Awaited`.

┌ stats

installs/wk0
░░░░░░░░░░
github stars6
░░░░░░░░░
first seenApr 3, 2026
└────────────