comment

Community

为源码自动添加中文注释并生成组件结构图。

AuthorLZY2333
Version1.0.0
Installs0

System Documentation

What problem does it solve?

此技能自动为源码添加中文注释,覆盖自定义函数、变量、解构变量、自定义 Hook 以及 JSX 组件,并在文件末尾生成组件结构图,提升代码可读性与维护效率。

Core Features & Use Cases

  • 自动在代码元素前插入简要中文注释,覆盖函数、变量、解构字段与自定义 Hooks,且不改变原有逻辑。
  • 对 JSX 自定义组件在适当位置添加注释,并在文件末尾附加完整的组件结构图,便于快速理解结构。
  • 保留现有注释、避免重复添加,并使用 JS/TS 的 // 注释与 JSX 的 {/* ... */} 注释风格。

Quick Start

将目标源码文件交给该技能,它将自动添加中文注释并在文件底部生成组件结构图。

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: comment
Download link: https://github.com/LZY2333/LZY-FE-JumpTrack/archive/main.zip#comment

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.