Directory Explorer

directory-explorer.skillsafe.ai

Clean Completely free

Choose a local folder and explore it in the browser: file tree, file and folder counts, total size, filter by type, a type-distribution chart, and click-to-preview for individual files. Built on <input webkitdirectory>; the browser hands over only what you select and nothing leaves the page. Imported Claude artifact. Source: https://github.com/simonw/tools (webkitdirectory.html, Apache-2.0).

Share

Details

PricingCompletely free
Security scanClean — skill and frontend scanned
Created2026-08-25
Updated2026-08-25
View source prompt + release files — fork-enabled apps share their full source

System prompt (SKILL.md)

---
name: directory-explorer
description: Pick a local folder and see its file tree, total size, type breakdown and per-file previews - without uploading anything.
metadata:
  tags:
    - artifact-import
    - dev-tools
  source_url: https://tools.simonwillison.net/webkitdirectory
  github_repo_url: https://github.com/simonw/tools
---

# Directory Explorer

An imported Claude artifact built on `<input webkitdirectory>`, the browser
feature that lets a page read a whole folder you choose. Pick or drag a
directory and you get a file tree, counts of files and folders, total size, a
filter by file type, a distribution chart of what is in there, and a click-to-
preview pane for individual files.

Handy for sizing up a download, an export dump, or an unfamiliar project
directory when you would rather not open a terminal.

The browser only hands over what you explicitly select, and it never leaves the
page - the preview reads files locally. Nothing is uploaded, no model is
called, and nothing is metered.

Release files (files)

Every public app is built from a security-scanned skill and must pass a clean scan — skill and frontend — before it can be listed. Have a skill of your own? Turn it into an app — or read the step-by-step walkthrough.