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."
1---2name: list-components3description: List project components4---56## Task78List all React component files (.tsx, .ts, .jsx, .js) in the components folder.910If a [subdirectory] is provided via $ARGUMENTS, only list files in that subdirectory.1112## Output Format1314- Numbered list of files with relative paths15- Brief one-line description of each (infer from filename)16- Summary count at the end1718If no files found, say "No components found."
Run npx skillmds@latest add bradtraversy/list-components in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
List project components It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
bradtraversy (@bradtraversy) published this skill. Their other Agent Skills are listed on their SkillMD profile.