list-components

SkillDev tools

Lets your agent list all React component files in a project folder with a short description of each.

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the list-components skill

About this skill

List project components

What this skill tells your AI

The instructions your AI receives, as published by bradtraversy/coding-with-ai-course-resources in skills/list-components/SKILL.md and read by ahel’s review.

Task

List all React component files (.tsx, .ts, .jsx, .js) in the components folder.

If a [subdirectory] is provided via $ARGUMENTS, only list files in that subdirectory.

Output Format

  • Numbered list of files with relative paths
  • Brief one-line description of each (infer from filename)
  • Summary count at the end

If no files found, say "No components found."

Signals

GitHub stars
337
Forks
130
Last commit
Mar 2026
Advanced
Item type
skill
Key
list-components
Source
github.com/bradtraversy/coding-with-ai-course-resources