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.