Can I search for React components with this skill?

Yes, the skill is optimized for .tsx files and is ideal for locating React components, custom hooks, and interface definitions.

When should I use this skill instead of a direct search?

Use this skill when you need to find where a specific logic is implemented, explore the structure of a project, or search for complex patterns that require agent intelligence.

How does this differ from standard grep or glob commands?

This skill uses a specialized sub-agent that understands code context and symbols, providing organized summaries and relevant snippets rather than just raw text matches.

Does it work for non-TypeScript files?

While the skill is specifically tuned for TypeScript project structures (.ts and .tsx), it can be used for general searches, though its primary expertise is in TS symbols.

Do I need to manually configure the search agent?

No, the skill automatically invokes the appropriate sub-agent via the Task tool whenever you search within a TypeScript context.

TypeScript Code Explorer

Name: TypeScript Code Explorer
Author: DIO0550

byDIO0550

•

생산성 및 워크플로

Navigates and searches TypeScript projects using specialized agents to locate functions, classes, and code patterns efficiently.

The TypeScript File Search Skill optimizes codebase navigation by delegating complex search tasks to a dedicated sub-agent. Instead of running manual grep commands, it intelligently analyzes project structures to find symbols like interfaces, hooks, and classes within .ts and .tsx files. This skill is particularly useful for large-scale TypeScript projects where identifying dependency locations and finding specific implementation patterns is time-consuming, ensuring a more accurate and context-aware overview of the code than standard keyword searching.

주요 기능

011 GitHub stars

02Intelligent summary reports of search results and relevant code snippets

03Automated project structure analysis and file discovery

04Delegated task execution via the Explore sub-agent for high-precision results

05Pattern-based string searching across entire TypeScript projects

06Agent-powered symbol searching for functions, classes, and interfaces

사용 사례

01Mapping out project dependencies and service structures during developer onboarding

02Identifying all API endpoint definitions and their corresponding file paths across the project

03Locating the definition of a specific React hook or utility function in a large mono-repo

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dio0550/d-market file-search

For use in Claude.ai and ChatGPT

Download Skill