list-components
SkillDev toolsLets your agent list all React component files in a project folder with a short description of each.
Use list-components in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add list-components and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the list-components skill
Details
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.
No other account needed.
Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
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 · davila7
The pick for Reactreact-doctor
Skill · millionco
The pick for Reactlegacy-js
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 TypeScript