Can it document complex hook return types?

Absolutely. It provides detailed documentation for both tuple and object returns, including individual descriptions for each element or property.

Is it compatible with compound components?

Yes, it includes specific patterns to document compound components, including @see tags to link related sub-components like TabsList and TabsTrigger.

Does it handle default values in props?

Yes, the skill specifically identifies default values in your code and uses the @defaultValue tag to document them clearly for IntelliSense.

Does it support languages other than English?

Yes, it automatically detects whether to use English or Korean based on your project's README.md file, defaulting to English if none is found.

React TSDoc Generator

Name: React TSDoc Generator
Author: StyleList94

byStyleList94

0•

학습 및 문서화

Generates comprehensive TSDoc comments for React components and hooks to improve code documentation and IntelliSense.

The react-tsdoc skill automates the creation of high-quality, standardized documentation for React codebases by generating TSDoc-compliant comments for components, custom hooks, and prop types. It features intelligent language detection based on the project context, ensures proper JSDoc formatting for props with default values, and provides rich usage examples and cross-references. This skill is essential for teams looking to maintain professional, accessible documentation in TypeScript-based React projects while significantly reducing the manual overhead of writing boilerplate comments.

주요 기능

01Automatic TSDoc generation for React components and custom hooks

02Rich usage example generation using @example blocks

03Support for compound component patterns and complex return types

04Detailed prop type documentation with @defaultValue support

050 GitHub stars

06Smart language detection (English/Korean) based on project README

사용 사례

01Documenting a shared UI component library to provide better IDE IntelliSense for team members

02Standardizing documentation across a large React codebase during a refactoring phase

03Generating clear API documentation for custom hooks to improve code maintainability

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add stylelist94/claude-plugins react-tsdoc

For use in Claude.ai and ChatGPT

Download Skill