TypeScript & React Documentation

소개

This skill streamlines the documentation process for React and TypeScript applications by automating the creation of visual, inline, and architectural documentation. It facilitates the generation of Storybook stories for component visualization, JSDoc comments for type-safe code documentation, and structured Markdown guides that record the rationale behind design decisions. Designed to serve both human developers and AI assistants, this skill ensures that features are not just implemented but also fully understandable and maintainable through high-quality code examples and clear explanations of the architectural decisions behind the code.

주요 기능

• Generates interactive Storybook stories for React components
• Implements detailed JSDoc comments for hooks and complex types
• Provides executable code examples for usage and integration
• 1 GitHub stars
• Creates architectural feature guides using standardized Markdown templates
• Captures design decisions, trade-offs, and alternative approaches

사용 사례

• Standardizing documentation after completing a complex feature
• Creating visual and usage guides for shared UI libraries
• Recording architectural decisions for team and AI context