Claude Code theme

filetree

A mod that adds a file tree sidebar with git status and highlights files as Claude reads or edits them.

360 stars 71 forksThemes & HUDs Plugin marketplace Source

Install

Inside Claude Code
/plugin marketplace add data-goblin/claude-code-filetree
From source
git clone https://github.com/data-goblin/claude-code-filetree.git

From the README

Claude Code Filetree

  An IDE-style file tree for Claude Code that shows what Claude is doing and where in files

    Preview
    Treemap
    Diff

filetree is a Claude Code mod and needs Claude Code 2.1.306+. It shows in the right sidebar, which in the terminal needs the fullscreen layout (/tui fullscreen) and a terminal at least 110 columns wide; the Desktop app docks it on its own. /filetree shows or hides it, also while Claude is working, and /filetree open opens it, or brings it forward from behind another tab, without hiding it. Tested on Linux, macOS and Windows; mods don't load in WSL sessions of the Desktop app.

Installation

The repo is its own plugin marketplace. Run this in the terminal:

Or inside a Claude Code session:

An install fails with Unrecognized key: "options" on Claude Code older than 2.1.287: run claude update, then install again.

Features

- File tree of the cwd, or of a folder pinned with /filetree , with search across unopened folders, case-sensitive or by regular expression, scoped to one folder, and sortable Name, Git and value column headers
- Git status per file and folder, line counts on changed files, and branch, upstream and ahead/behind in the header
- Claude's reads (purple), writes (orange) and commits (green) shimmer in the tree; collapsed folders open to show the file
- Git and GitHub commands Claude runs show as a status line at the bottom of the pane
- The selected file goes to Claude as context, and @path in a prompt reveals that file
- Right column cycles date, size, lines of code and number of files from the header button, with git counts in their own columns beside it; a folder's date is its newest file
- Split preview under or above the tree: highlighted code, rendered Markdown, images, video poster frames, and PDF and…
Read the full README on GitHub

Details

Language
TypeScript
License
MIT
Last updated
3 November 2026

FAQ

What is filetree?

A mod that adds a file tree sidebar with git status and highlights files as Claude reads or edits them. It is a theme for Claude Code, from data-goblin/claude-code-filetree on GitHub.

How do I install filetree?

Run /plugin marketplace add data-goblin/claude-code-filetree inside Claude Code, then follow the setup in the README.

Is filetree popular?

data-goblin/claude-code-filetree has 360 GitHub stars and 71 forks. It was last updated on 3 November 2026.

More themes & huds

Browse the most popular Claude Code mods, all themes & huds, or the skills and MCP server directories.