✨ Skills-4-SE Manager

Loading... 0 selected

Loading skills...

1️⃣ 安装 Skills

在本页面浏览并选择你需要的 skills，然后按照以下步骤安装：

克隆仓库：git clone https://github.com/YOUR_USERNAME/LLM4SE-Skills.git
进入目录：cd LLM4SE-Skills
创建 skills 目录：mkdir -p ~/.claude/skills
复制 skills：cp -r skill-name ~/.claude/skills/

💡 点击 "Install" 按钮会显示具体的安装命令并复制到剪贴板

📦 安装后的 skills 会保存到 ~/.claude/skills/ 目录

2️⃣ 在 Claude Code 中使用 Skills

安装完成后，在 Claude Code 中有三种方式使用 skills：

方式一：自动触发（推荐）

直接描述你的需求，Claude 会自动选择合适的 skill：

                        帮我为这个 Python 函数生成单元测试
                        → 自动触发 unit-test-generator
                    

                        分析这个需求文档中的歧义
                        → 自动触发 ambiguity-detector
                    

方式二：显式调用

使用 "Use the skill" 明确指定要使用的 skill：

Use the skill 'unit-test-generator' to generate tests for my code

使用 'code-review-assistant' skill 审查我的代码

方式三：斜杠命令（如果 skill 支持）

某些 skills 可能支持快捷命令：

                        /review
                        → 代码审查
                    

3️⃣ 常用 Skills 示例

🧪 测试相关

unit-test-generator: "为这个函数生成单元测试"
python-test-updater: "更新测试以适配新的代码版本"
coverage-enhancer: "提高测试覆盖率"

📝 文档相关

api-documentation-generator: "生成 API 文档"
code-comment-generator: "为这段代码添加注释"
readme-generator: "生成项目 README"

🔍 代码质量

code-review-assistant: "审查这段代码"
code-smell-detector: "检测代码异味"
code-optimizer: "优化这段代码的性能"

⚙️ 代码生成

incremental-python-programmer: "在这个 Python 项目中实现用户认证功能"
function-class-generator: "根据这个规范生成类"

4️⃣ 验证 Skills 安装

在终端运行以下命令查看已安装的 skills：

claude skills list

或者检查目录：

ls ~/.claude/skills/

5️⃣ 本地部署 Skills Manager

如果你想在本地运行 Skills Manager：

方法一：Python HTTP 服务器（推荐）

                        git clone https://github.com/ArabelaTso/Skills-4-SE.git

                        cd Skills-4-SE/skill-manager/frontend

                        python3 -m http.server 8000

然后访问 http://localhost:8000

方法二：直接打开 HTML

                        open index.html
                        # macOS
                    

💡 注意：直接打开可能遇到 CORS 限制，推荐使用 HTTP 服务器

6️⃣ 提示和技巧

💡 清晰描述需求：越具体的描述，Claude 越容易选择正确的 skill
🎯 提供上下文：告诉 Claude 你的代码语言、框架、项目类型
🔄 组合使用：可以在一个对话中使用多个 skills
📚 查看文档：每个 skill 目录下都有 SKILL.md 详细说明

❓ 常见问题

Q: 安装后 Claude Code 看不到 skills？

A: 重启 Claude Code 应用，或运行 claude skills list 验证安装。

Q: 如何知道哪个 skill 被触发了？

A: Claude 会在响应中说明使用了哪个 skill，或者你可以显式指定。

Q: 可以卸载 skills 吗？

A: 可以，直接删除 ~/.claude/skills/ 下对应的目录即可。

Q: Skills 会自动更新吗？

A: 不会，需要重新运行 Skills Manager 安装最新版本。

1️⃣ Installing Skills

Browse and select the skills you need on this page, then follow these steps to install:

Clone the repository: git clone https://github.com/YOUR_USERNAME/LLM4SE-Skills.git
Navigate to directory: cd LLM4SE-Skills
Create skills directory: mkdir -p ~/.claude/skills
Copy skills: cp -r skill-name ~/.claude/skills/

💡 Clicking "Install" buttons will show specific installation commands and copy them to clipboard

📦 Installed skills are saved to ~/.claude/skills/ directory

2️⃣ Using Skills in Claude Code

After installation, there are three ways to use skills in Claude Code:

Method 1: Auto-trigger (Recommended)

Simply describe your needs, and Claude will automatically select the appropriate skill:

                        Generate unit tests for this Python function
                        → Auto-triggers unit-test-generator
                    

                        Analyze ambiguities in this requirements document
                        → Auto-triggers ambiguity-detector
                    

Method 2: Explicit Invocation

Use "Use the skill" to explicitly specify which skill to use:

Use the skill 'unit-test-generator' to generate tests for my code

Use 'code-review-assistant' skill to review my code

Method 3: Slash Commands (if supported)

Some skills may support shortcut commands:

                        /review
                        → Code review
                    

3️⃣ Common Skills Examples

🧪 Testing

unit-test-generator: "Generate unit tests for this function"
python-test-updater: "Update tests to work with new code version"
coverage-enhancer: "Improve test coverage"

📝 Documentation

api-documentation-generator: "Generate API documentation"
code-comment-generator: "Add comments to this code"
readme-generator: "Generate project README"

🔍 Code Quality

code-review-assistant: "Review this code"
code-smell-detector: "Detect code smells"
code-optimizer: "Optimize this code's performance"

⚙️ Code Generation

incremental-python-programmer: "Implement user authentication in this Python project"
function-class-generator: "Generate class from this specification"

4️⃣ Verify Skills Installation

Run the following command in terminal to view installed skills:

claude skills list

Or check the directory:

ls ~/.claude/skills/

5️⃣ Deploy Skills Manager Locally

If you want to run Skills Manager locally:

Method 1: Python HTTP Server (Recommended)

                        git clone https://github.com/ArabelaTso/Skills-4-SE.git

                        cd Skills-4-SE/skill-manager/frontend

                        python3 -m http.server 8000

Then visit http://localhost:8000

Method 2: Open HTML Directly

                        open index.html
                        # macOS
                    

💡 Note: Opening directly may encounter CORS restrictions, HTTP server is recommended

6️⃣ Tips and Tricks

💡 Clear descriptions: The more specific your description, the easier for Claude to select the right skill
🎯 Provide context: Tell Claude your code language, framework, and project type
🔄 Combine skills: You can use multiple skills in one conversation
📚 Check documentation: Each skill directory has a detailed SKILL.md file

❓ FAQ

Q: Can't see skills in Claude Code after installation?

A: Restart Claude Code app, or run claude skills list to verify installation.

Q: How do I know which skill was triggered?

A: Claude will mention which skill was used in the response, or you can explicitly specify one.

Q: Can I uninstall skills?

A: Yes, simply delete the corresponding directory under ~/.claude/skills/.

Q: Do skills auto-update?

A: No, you need to re-run Skills Manager to install the latest version.

📖 如何使用 Skills