folder

Read the project directory and render a styled HTML folder listing for the FOLDER panel.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/yousufjoyian/claude-skills --skill folder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: folder
Source: https://github.com/yousufjoyian/claude-skills/tree/main/folder
Command: npx skills add https://github.com/yousufjoyian/claude-skills --skill folder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides an at-a-glance view of the current project's folder structure, replacing tedious manual directory exploration with a fast, visual overview.

Core Features & Use Cases

  • Folder listing generation: Reads the project directory and builds a styled HTML folder listing.
  • A2UI integration: Sends the rendered HTML to the FOLDER panel using the <!-- FOLDER:START --> and <!-- FOLDER:END --> markers.
  • Use case: Quickly locate a source file or asset in a large repository without leaving the current workspace.

Quick Start

Use the folder skill to display the current project's folder contents in the FOLDER panel.

Frequently Asked Questions about folder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I view project directory contents as a visual folder listing in my workspace?▼

To view project directory contents as a visual folder listing, use the folder Skill to read the current project workspace and generate a styled HTML structure. This provides a fast visual overview, replacing tedious manual directory exploration.

What is the best way to locate source files and assets in a large repository without manual navigation?▼

The best way to locate source files and assets in a large repository is by rendering a styled folder listing of the project directory. This approach enables rapid navigation and orientation without leaving the current workspace.

How does A2UI integration work for rendering HTML folder structures?▼

A2UI integration works by sending the generated HTML folder listing to the FOLDER panel using specific FOLDER:START and FOLDER:END markers. This mechanism communicates the rendered directory structure directly to the interface for display.

Can I use this folder viewer to navigate any project workspace?▼

Yes, you can use this folder viewer to navigate any project workspace. It targets quick navigation and orientation within any project directory, reading the contents and building a styled overview of the structure.