DevTools Logo

Context Assembler

Context Assembler

Combine files and folders into one LLM-ready context block — like repomix or files-to-prompt, fully in your browser

    Add files

    Folder uploads preserve the directory tree. node_modules, .git, dist and build output are skipped automatically and never read.

    Limits: up to 500 files, 1.0 MB each, 20.0 MB total. Heavier picks are reported, not lost.

    Comma or newline separated. Names match any path segment; * is a glob.

    Large language models like Claude and ChatGPT give much better answers when you hand them complete, well-structured context — but copy-pasting files one by one is tedious and you constantly forget a file. The Context Assembler is the browser-based counterpart of CLI tools such as repomix and files-to-prompt: pick a whole folder (structure preserved) or add individual files, and it merges everything into a single text block an LLM can read. Each file is wrapped in <file path="...">…</file> tags so the model always knows which file it is looking at, with an optional ASCII project tree up top. Heavy directories (node_modules, .git, dist, build, .next) are skipped automatically and never read, and you can fine-tune with your own ignore patterns or limit to specific extensions (.ts, .tsx). A live token estimate (≈4 characters per token) tells you how much of the context window you are using, with a link to the Token Cost Calculator to turn that into dollars. Binary files are detected and skipped, and everything runs locally in your browser — your code is never uploaded.

    Examples

    Assemble a TypeScript project

    📁 Pick folder: my-app/

<file path="my-app/src/index.ts">
import { greet } from "./utils";
greet("world");
</file>
<file path="my-app/src/utils.ts">
export const greet = (n: string) => console.log(`Hello, ${n}!`);
</file>
<file path="my-app/package.json">
{ "name": "my-app", "type": "module" }
</file>

    Each file is wrapped in an XML tag with its relative path. The optional tree header gives the model a map of the project first.

    Filter to one extension

    Extensions: .ts,.tsx
Ignore: node_modules, *.test.ts, dist

→ Only non-test TypeScript files are included.

    Combine an extension allow-list with ignore globs to ship just the source files that matter for a code-review prompt.

    Right-size the context window

    Output: 12,480 chars · ≈3,120 tokens
→ Open Token Cost Calculator

    The token estimate shows how much of the context window the assembly uses before you paste it.

    Related guides

    LLM Context Assembly and Prompt Template Engineering

    How to assemble structured context windows for LLMs, manage token budgets, format system instructions, and design prompt templates.

    Related tools

    Agent Tool Flowchart Builder

    Design agentic tool-call DAGs with decision branches and bounded loops. Validates reachability, cycle handling, and emits clean Mermaid flowcharts — fully in your browser.

    AI Agent Memory & Buffer Simulator

    Compare sliding window, summary buffer, and vector memory strategies

    AI API Client SDK Generator

    Generate typed API client SDK files from OpenAPI specifications or cURL requests

    AI Code Explainer

    Explain code snippets with grounded cloud AI

    AI Code Security Auditor

    Scan source code for high-confidence OWASP Top 10 vulnerabilities

    AI Code Translator

    Translate code into idiomatic implementations in another language