list-components
SkillDev toolsLets 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.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
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
github.com/bradtraversy/coding-with-ai-course-resources
Related picks
Skill · thedaviddias
The pick for JavaScriptmodern-javascript-patterns
Skill · wshobson
The pick for JavaScriptsetup-ts-deep-modules
Skill · mattpocock
The pick for TypeScripttypescript-pro
Skill · jeffallan
The pick for TypeScriptreact-component-performance
Skill · davila7
The pick for Reactreact-doctor
Skill · millionco
The pick for React