闲社服务运行正常AI智能体自动化平台
p

PR审查技能

技能标识:pr-review

PR 审查技能 — 完整的 Pull Request 审查流程,集成 GitHub CLI,支持安全分析、测试覆盖、性能评估、代码质量检查,并可推送飞书通知。Use when: (1) 审查 PR,(2) 检查 PR 安全性,(3) 分析测试覆盖,(4) 评估代码质量,(5) 生成审查报告。触发词:'review PR', '审查PR', '代码审查', 'pr review', '检查PR'。

作者:admin | 来源记录:ClawHub
登记来源
ClawHub
版本
V 1.0.0
检测标记
后台标记通过
免费
免费获取
0
收藏
来源与检测标记为平台登记信息,并不代表已展示可复核的检测报告。使用前请核对版本、依赖和所需权限,建议先在隔离环境中运行。
概述
安装方式
版本历史

PR审查技能

PR Review Skill

完整的 Pull Request 审查工作流,涵盖安全分析、测试覆盖、性能评估、代码质量检查。

何时使用

✅ 在以下情况下使用此技能:

  • - 审查 Pull Request 的代码变更
  • 检查 PR 的安全漏洞和风险
  • 分析测试覆盖情况
  • 评估代码变更的性能影响
  • 生成审查报告并通知到飞书

❌ 在以下情况下不要使用此技能:

  • - 本地 git 操作(commit、push、pull)→ 直接用 git
  • 非 GitHub 仓库(GitLab、Bitbucket)→ 不同的 CLI
  • 简单查看 PR 状态 → 直接用 gh pr view
  • 写代码或修复 → 用 coding-agent skill

前置条件

bash

确认 gh 已认证


gh auth status

如果未认证,执行

gh auth login

审查流程(6 步)

Step 1: 获取 PR 信息
↓
Step 2: 分析变更内容
↓
Step 3: 安全审查
↓
Step 4: 测试覆盖检查
↓
Step 5: 性能 & 质量评估
↓
Step 6: 生成报告 + 飞书通知



Step 1: 获取 PR 信息

确定 PR 目标

用户可能提供以下格式之一:

  • - PR URL: https://github.com/owner/repo/pull/123
  • PR 编号: #123(需要在 git 仓库中)
  • 分支名: feature/xxx(需查找对应的 PR)

bash

从 URL 解析


owner/repo: 从 URL 提取


pr_number: 从 URL 提取

获取 PR 详情

gh pr view --repo --json title,body,author,state,additions,deletions,changedFiles,files,reviews,comments,labels,mergeable,headRefName,baseRefName

获取 PR 的文件变更列表

gh pr diff --repo --stat

获取完整 diff

gh pr diff --repo

如果用户只提供了分支名

bash

查找分支对应的 PR


gh pr list --repo --head --json number,title

如果在 git 仓库内且未指定 PR

bash

获取当前分支的 PR


gh pr view --json number,title,body,state


Step 2: 分析变更内容

获取 diff 后,按以下维度分析:

变更概览

📊 变更概览

  • - 文件数: X 个文件变更
  • 新增: +X 行
  • 删除: -X 行
  • 涉及模块: [列出模块/目录]

文件分类

将变更文件分为以下类别:

类别说明关注点
🔐 安全相关auth、crypto、permission、config注入、暴露、权限绕过
🧪 测试文件
test、spec、tests | 覆盖率、边界用例 |
| 📦 依赖变更 | package.json、requirements.txt | 版本锁定、已知漏洞 |
| 🏗️ 核心逻辑 | 业务代码、API、数据库 | 逻辑正确性、性能 |
| 📝 文档 | README、docs | 是否同步更新 |
| ⚙️ 配置 | CI/CD、Dockerfile、环境变量 | 安全配置、敏感信息 |


Step 3: 安全审查

对每个变更文件检查以下安全维度:

安全检查清单

markdown
🔐 安全审查

认证/授权 (Auth)

  • - [ ] 是否有未授权的端点暴露?
  • [ ] 权限检查是否完整?
  • [ ] Token/Session 处理是否安全?

数据暴露 (Data Exposure)

  • - [ ] 是否有敏感数据泄露到日志?
  • [ ] API 响应是否暴露内部信息?
  • [ ] 错误消息是否泄露系统细节?

注入风险 (Injection)

  • - [ ] SQL 注入:是否使用参数化查询?
  • [ ] XSS:用户输入是否正确转义?
  • [ ] 命令注入:是否有未经验证的 shell 执行?
  • [ ] 路径遍历:文件路径是否验证?

加密与密钥 (Crypto)

  • - [ ] 是否使用了弱加密算法?
  • [ ] 密钥是否硬编码?
  • [ ] 是否使用安全的随机数生成?

依赖安全 (Dependencies)

  • - [ ] 新增依赖是否有已知漏洞?
  • [ ] 版本是否锁定?
  • [ ] 是否引入了不必要的权限?

安全严重性分级

级别标记说明处理
🔴 CriticalCRITICAL可被远程利用,影响数据安全必须修复才能合并
🟠 High
HIGH | 潜在安全风险,需要关注 | 建议修复后合并 | | 🟡 Medium | MEDIUM | 最佳实践问题 | 建议改进 | | 🟢 Low | LOW | 代码风格/建议 | 可选改进 |

Step 4: 测试覆盖检查

测试分析清单

markdown
🧪 测试覆盖分析

新增代码测试

  • - [ ] 新增功能是否有对应测试?
  • [ ] 测试是否覆盖正常流程?
  • [ ] 测试是否覆盖异常/边界用例?

测试质量

  • - [ ] 断言是否有意义(非 trivial assert)?
  • [ ] 测试是否独立(无共享状态)?
  • [ ] Mock/Stub 使用是否合理?

回归测试

  • - [ ] 修改的逻辑是否有回归测试?
  • [ ] 是否破坏了现有测试?

覆盖率评估

  • - 关键路径覆盖率: %
  • 建议覆盖率目标: 80%+

测试建议模板

markdown

🧪 测试建议

缺失测试

  1. 1. [文件路径] — [建议添加的测试]
  2. ...

边界用例

  1. 1. [场景描述] — [建议的测试方法]
  2. ...

测试改进

  1. 1. [现有测试] — [改进建议]

Step 5: 性能 & 质量评估

性能检查

markdown
⚡ 性能评估

算法复杂度

  • - [ ] 是否有 O(n²) 或更高复杂度的操作在热点路径?
  • [ ] 是否有不必要的嵌套循环?

数据库/IO

  • - [ ] 是否有 N+1 查询问题?
  • [ ] 是否有不必要的全表扫描?
  • [ ] 文件操作是否有适当的缓冲?

内存使用

  • - [ ] 是否有内存泄漏风险?
  • [ ] 大数据集是否分页/流式处理?

缓存

  • - [ ] 是否应该缓存的结果未缓存?
  • [ ] 缓存失效策略是否正确?

代码质量

markdown
📝 代码质量

可读性

  • - [ ] 命名是否清晰、一致?
  • [ ] 函数/方法是否职责单一?
  • [ ] 是否有过度复杂的条件逻辑?

可维护性

  • - [ ] 是否遵循项目的代码规范?
  • [ ] 是否有重复代码可以提取?
  • [ ] 错误处理是否完整?

架构

  • - [ ] 变更是否符合项目架构模式?
  • [ ] 是否引入了不当的耦合?
  • [ ] 是否有向后兼容性问题?



Step 6: 生成报告 + 飞书通知

审查报告模板

markdown

🔍 PR 审查报告

PR: # — <br> <strong>作者</strong>: @<author><br> <strong>分支</strong>: <head> → <base><br> <strong>变更</strong>: +<additions> -<deletions> (<changedFiles> 文件)<br> <hr><br> <h2>📊 总体评估: [✅ 通过 / ⚠️ 需修改 / ❌ 不建议合并]</h2></p> <h3>🔐 安全: [✅/⚠️/❌]</h3> <ul><li>- [发现摘要]</li></ul> <h3>🧪 测试: [✅/⚠️/❌]</h3> <ul><li>- 覆盖率: <em></em>%</li><li>[发现摘要]</li></ul> <h3>⚡ 性能: [✅/⚠️/❌]</h3> <ul><li>- [发现摘要]</li></ul> <h3>📝 代码质量: [✅/⚠️/❌]</h3> <ul><li>- [发现摘要]</li></ul> <hr> <h2>📋 详细发现</h2> <h3>🔴 必须修复 (X)</h3> <ol><li>1. [文件:行号] — [问题描述]</li></ol> <h3>🟠 建议修复 (X)</h3> <ol><li>1. [文件:行号] — [问题描述]</li></ol> <h3>🟡 改进建议 (X)</h3> <ol><li>1. [文件:行号] — [问题描述]</li></ol> <hr> <h2>✅ 亮点</h2> <ul><li>- [值得肯定的地方]</li></ul> <h3>飞书通知</h3> <p>如果用户要求通知到飞书,使用 message 工具发送审查摘要:</p> <p>发送对象: 用户指定的飞书群/个人</p></div> </div> <div class="tags"> <h4>标签</h4> <span class="tag">skill</span> <span class="tag">ai</span> </div> </div> </div> <div class="tab-content" id="tab-install"> <div class="install-panel"> <h3>通过对话安装</h3> <p>以下为平台配置的接入选项,并非逐项实测通过。能否安装取决于客户端支持、技能来源和运行环境:</p> <div class="platform-list"> <span class="platform-tag">OpenClaw</span> <span class="platform-tag">WorkBuddy</span> <span class="platform-tag">QClaw</span> <span class="platform-tag">Kimi</span> <span class="platform-tag">Claude</span> </div> <div class="install-method"> <h4>方式一:安装 SkillHub 和技能</h4> <div class="code-block"> <button class="copy-btn" onclick="copyToClipboard('帮我安装 SkillHub 和 oc-pr-review-1775896809 技能', this)">复制</button> <code>帮我安装 SkillHub 和 oc-pr-review-1775896809 技能</code> </div> </div> <div class="install-method"> <h4>方式二:设置 SkillHub 为优先技能安装源</h4> <div class="code-block"> <button class="copy-btn" onclick="copyToClipboard('设置 SkillHub 为我的优先技能安装源,然后帮我安装 oc-pr-review-1775896809 技能', this)">复制</button> <code>设置 SkillHub 为我的优先技能安装源,然后帮我安装 oc-pr-review-1775896809 技能</code> </div> </div> <h3 style="margin-top: 30px;">通过命令行安装</h3> <div class="install-method"> <div class="code-block"> <button class="copy-btn" onclick="copyToClipboard('skillhub install oc-pr-review-1775896809', this)">复制</button> <code>skillhub install oc-pr-review-1775896809</code> </div> </div> <h3 style="margin-top: 30px;">下载</h3> <a href="plugin.php?id=hl_skillhub&mod=download&version_id=2009&token=d060eacd6c04ef039d5bb1f01e8b12c4" class="download-btn"> ⬇ 下载 pr-review v1.0.0(免费) </a> <p class="download-info"> 文件大小: 4.93 KB | 发布时间: 2026-4-12 10:45 </p> </div> </div> <div class="tab-content" id="tab-versions"> <div class="version-list"> <div class="version-item"> <div class="version-header"> <span class="version-number">v1.0.0</span> <span class="latest-tag">最新</span> <span class="version-date">2026-4-12 10:45</span> </div> <div class="changelog"> v1.0.0 - 6步PR审查流程,GitHub CLI集成,飞书通知 </div> </div> </div> </div> <!-- 推荐技能 --> <div class="related-skills"> <h3>相关推荐</h3> <div class="skill-list-related"> <div class="skillhub-card-related"> <a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776396682"> <div class="skill-icon"> <div class="default-icon">s</div> </div> <h3 class="skill-name">self-improvement</h3> <p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p> <div class="skill-meta"> <span class="skill-source">AI智能</span> </div> </a> </div> <div class="skillhub-card-related"> <a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776382578"> <div class="skill-icon"> <div class="default-icon">s</div> </div> <h3 class="skill-name">self-improvement</h3> <p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p> <div class="skill-meta"> <span class="skill-source">AI智能</span> </div> </a> </div> <div class="skillhub-card-related"> <a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776282374"> <div class="skill-icon"> <div class="default-icon">s</div> </div> <h3 class="skill-name">self-improvement</h3> <p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p> <div class="skill-meta"> <span class="skill-source">AI智能</span> </div> </a> </div> <div class="skillhub-card-related"> <a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776190579"> <div class="skill-icon"> <div class="default-icon">s</div> </div> <h3 class="skill-name">self-improvement</h3> <p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p> <div class="skill-meta"> <span class="skill-source">AI智能</span> </div> </a> </div> </div> </div> </div> </div> <style> .skill-detail { padding: 20px 0; min-height: 100vh; } .breadcrumb { margin-bottom: 20px; color: #666; } .breadcrumb a { color: #155BD5; } .breadcrumb span { margin: 0 5px; } .skill-detail-header { display: flex; gap: 24px; padding: 30px; background: #fff; border-radius: 12px; margin-bottom: 20px; border: 1px solid #e8e8e8; } .skill-icon-large { width: 120px; height: 120px; flex-shrink: 0; } .skill-icon-large img { width: 100%; height: 100%; border-radius: 20px; object-fit: cover; } .skill-icon-large .default-icon-large { width: 100%; height: 100%; border-radius: 20px; background: #155BD5; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 48px; font-weight: bold; } .skill-info { flex: 1; } .skill-header-action { flex-shrink: 0; display: flex; align-items: center; padding-left: 20px; } .header-download-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: #155BD5; color: #fff; border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.2s ease; white-space: nowrap; } .header-download-btn:hover { background: #0d4bb5; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(21, 91, 213, 0.3); } .header-download-btn.buy { background: #f97316; } .header-download-btn.buy:hover { background: #ea580c; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3); } .skill-info h1 { font-size: 36px; font-weight: 700; color: #1e293b; margin-bottom: 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } .skill-info h1 .name-cn { font-size: 20px; color: #666; font-weight: 500; background: #f1f5f9; padding: 4px 14px; border-radius: 20px; white-space: nowrap; } .skill-info .skill-desc { font-size: 16px; color: #666; margin-bottom: 8px; } .skill-info .skill-scenarios { font-size: 14px; color: #999; margin-bottom: 10px; } .skill-info .skill-author { font-size: 13px; color: #999; } /* 统计面板 */ .stats-panel { display: flex; align-items: center; background: #fff; border-radius: 12px; padding: 24px 0; margin-bottom: 24px; border: 1px solid #e8e8e8; box-shadow: 0 1px 3px rgba(0,0,0,0.05); } .stats-panel .stats-item { flex: 1; text-align: center; padding: 0 16px; } .stats-panel .stats-divider { width: 1px; height: 48px; background: linear-gradient(180deg, transparent, #e8e8e8, transparent); } .stats-panel .stats-icon { width: 40px; height: 40px; margin: 0 auto 8px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; background: #f1f5f9; color: #64748b; } .stats-panel .stats-icon.source-icon { background: #e0e7ff; color: #6366f1; } .stats-panel .stats-icon.version-icon { background: #fef3c7; color: #d97706; } .stats-panel .stats-icon.security-icon { background: #fee2e2; color: #9ca3af; } .stats-panel .stats-icon.security-icon.verified { background: #d1fae5; color: #10b981; } .stats-panel .stats-value { font-size: 15px; font-weight: 600; color: #374151; margin-bottom: 4px; } .stats-panel .stats-number { font-size: 24px; font-weight: 700; color: #111827; margin-bottom: 4px; line-height: 1.2; } .stats-panel .stats-label { font-size: 13px; color: #9ca3af; } .stats-panel .stats-item.highlight .stats-label { color: #6b7280; } .skill-tabs { display: flex; gap: 40px; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; } .skill-tabs .tab-item { padding: 15px 0; color: #666; cursor: pointer; border-bottom: 2px solid transparent; font-size: 16px; } .skill-tabs .tab-item.active { color: #155BD5; border-bottom-color: #155BD5; } .tab-content { background: #fff; border-radius: 12px; padding: 30px; margin-bottom: 20px; border: 1px solid #e8e8e8; opacity: 0; transform: translateY(10px); transition: all 0.3s ease; display: none; } .tab-content.active { opacity: 1; transform: translateY(0); display: block; } .lang-switcher { display: flex; gap: 8px; margin-bottom: 16px; justify-content: flex-end; } .lang-switcher .lang-btn { padding: 4px 16px; border: 1px solid #d1d5db; background: #fff; border-radius: 20px; font-size: 13px; color: #6b7280; cursor: pointer; transition: all 0.2s; } .lang-switcher .lang-btn:hover { border-color: #155BD5; color: #155BD5; } .lang-switcher .lang-btn.active { background: #155BD5; color: #fff; border-color: #155BD5; } .overview-content h3 { margin-bottom: 15px; } /* Markdown 预览样式 */ .markdown-body { line-height: 1.8; color: #333; margin-bottom: 20px; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; color: #1e293b; } .markdown-body h1 { font-size: 2em; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; } .markdown-body h2 { font-size: 1.5em; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; } .markdown-body h3 { font-size: 1.25em; } .markdown-body p { margin-bottom: 16px; } .markdown-body ul, .markdown-body ol { padding-left: 2em; margin-bottom: 16px; } .markdown-body li { margin-bottom: 4px; } .markdown-body code { padding: 2px 6px; background: #f1f5f9; border-radius: 4px; font-family: 'Consolas', monospace; font-size: 0.9em; color: #155BD5; } .markdown-body pre { padding: 16px; background: #1e1e1e; border-radius: 8px; overflow-x: auto; margin-bottom: 16px; } .markdown-body pre code { background: transparent; color: #d4d4d4; padding: 0; } .markdown-body blockquote { padding: 0 1em; border-left: 4px solid #155BD5; color: #666; margin-bottom: 16px; } .markdown-body table { width: 100%; border-collapse: collapse; margin-bottom: 16px; } .markdown-body th, .markdown-body td { padding: 8px 12px; border: 1px solid #e8e8e8; } .markdown-body th { background: #f8f9fa; font-weight: 600; } .markdown-body a { color: #155BD5; text-decoration: none; } .markdown-body a:hover { text-decoration: underline; } .markdown-body img { max-width: 100%; border-radius: 8px; } .overview-content .tags { margin-top: 20px; } .overview-content .tags h4 { margin-bottom: 10px; } .overview-content .tag { display: inline-block; padding: 4px 12px; background: #f0f0f0; border-radius: 4px; margin-right: 8px; margin-bottom: 8px; font-size: 13px; } .install-panel h3 { margin-bottom: 15px; } .platform-list { margin-bottom: 20px; } .platform-tag { display: inline-block; padding: 4px 12px; background: #e3f2fd; color: #1976d2; border-radius: 4px; margin-right: 8px; font-size: 13px; } .install-method { margin-bottom: 25px; } .install-method h4 { margin-bottom: 10px; font-size: 14px; color: #666; } .code-block { position: relative; background: #1e1e1e; border-radius: 8px; padding: 16px 60px 16px 16px; } .code-block code { color: #d4d4d4; font-family: 'Consolas', monospace; font-size: 14px; } .copy-btn { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); padding: 4px 12px; background: #333; border: none; border-radius: 4px; color: #fff; cursor: pointer; font-size: 12px; } .copy-btn:hover { background: #444; } .copy-btn.copied { background: #10b981 !important; animation: copyPulse 0.3s ease; } @keyframes copyPulse { 0%, 100% { transform: translateY(-50%) scale(1); } 50% { transform: translateY(-50%) scale(1.1); } } .download-btn { display: inline-block; padding: 12px 24px; background: #155BD5; color: #fff; border-radius: 8px; text-decoration: none; font-size: 14px; } .download-btn:hover { background: #0d4bb5; } .download-info { margin-top: 10px; font-size: 13px; color: #999; } .version-list .version-item { padding: 20px 0; border-bottom: 1px solid #e8e8e8; } .version-list .version-item:last-child { border-bottom: none; } .version-header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .version-header .version-number { font-size: 18px; font-weight: 600; } .version-header .latest-tag { padding: 2px 8px; background: #e8f5e9; color: #4caf50; border-radius: 4px; font-size: 12px; } .version-header .version-date { margin-left: auto; color: #999; font-size: 13px; } .changelog { color: #666; line-height: 1.6; } /* 相关推荐 */ .related-skills { margin-top: 40px; padding: 24px; background: #fff; border-radius: 12px; border: 1px solid #e8e8e8; } .related-skills h3 { margin-bottom: 20px; font-size: 18px; font-weight: 600; color: #1e293b; display: flex; align-items: center; gap: 8px; } .related-skills h3:before { content: ''; width: 4px; height: 20px; background: #155BD5; border-radius: 2px; } .skill-list-related { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; } .skillhub-card-related { border-radius: 16px; padding: 20px; transition: all 0.3s ease; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 4px 12px rgba(0,0,0,0.03); } .skillhub-card-related:hover { box-shadow: 0 8px 24px rgba(21, 91, 213, 0.15); transform: translateY(-4px); } .skillhub-card-related:active { transform: scale(0.98); } .skillhub-card-related a { color: inherit; text-decoration: none; } .skillhub-card-related .skill-icon { width: 56px; height: 56px; margin-bottom: 12px; } .skillhub-card-related .skill-icon .default-icon { width: 100%; height: 100%; border-radius: 12px; background: #155BD5; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; } .skillhub-card-related .skill-name { font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #333; } .skillhub-card-related .skill-desc { font-size: 13px; color: #666; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 12px; min-height: 39px; } .skillhub-card-related .skill-meta { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #999; } .skillhub-card-related .skill-meta .stats { display: flex; gap: 12px; } .skillhub-card-related .skill-source { background: #f0f0f0; padding: 2px 10px; border-radius: 12px; font-size: 12px; } @media screen and (max-width: 768px) { .skill-detail-header { flex-direction: column; text-align: center; padding: 24px 20px; } .skill-icon-large { width: 80px; height: 80px; } .skill-icon-large .default-icon-large { font-size: 32px; } .skill-info h1 { font-size: 24px; } .skill-info h1 .name-cn { font-size: 14px; padding: 2px 10px; margin-left: 0; margin-top: 6px; } .skill-header-action { padding-left: 0; padding-top: 16px; width: 100%; justify-content: center; } .header-download-btn { width: 100%; justify-content: center; max-width: 280px; } .stats-panel { flex-wrap: wrap; padding: 16px 0; } .stats-panel .stats-item { flex: 1 1 30%; min-width: 80px; padding: 12px 8px; } .stats-panel .stats-divider { width: 1px; height: 36px; } .stats-panel .stats-icon { width: 32px; height: 32px; font-size: 14px; } .stats-panel .stats-number { font-size: 18px; } .stats-panel .stats-value { font-size: 13px; } .stats-panel .stats-label { font-size: 11px; } .skill-tabs { overflow-x: auto; gap: 24px; -webkit-overflow-scrolling: touch; } .skill-tabs .tab-item { white-space: nowrap; } .code-block { padding: 16px 50px 16px 16px; } .code-block code { font-size: 12px; word-break: break-all; } } /* Paid skill notice */ .paid-notice { text-align: center; padding: 40px 24px; background: linear-gradient(135deg, #fff7ed, #ffedd5); border-radius: 12px; border: 1px solid #fed7aa; } .paid-notice-icon { width: 56px; height: 56px; margin: 0 auto 16px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #f97316; box-shadow: 0 2px 8px rgba(249,115,22,0.15); } .paid-notice h3 { font-size: 20px; color: #9a3412; margin-bottom: 8px; } .paid-notice p { font-size: 14px; color: #c2410c; margin: 4px 0; } .paid-buy-box { padding: 20px; background: #fff7ed; border-radius: 8px; border: 1px solid #fed7aa; margin-bottom: 12px; } .paid-buy-box p { color: #7c2d12; font-size: 15px; margin: 0; }.hub-skill-id{font-size:12px;color:#60728b;overflow-wrap:anywhere;margin:6px 0} .hub-bundle-label{font-size:17px;color:#1762c4} .hub-display-note{font-size:12px;line-height:1.8;color:#60728b;margin:14px 0} .hub-parent-bundles{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;background:#f1f6fd;border:1px solid #dce8f7;border-radius:10px;margin:16px 0;color:#294669} .hub-parent-bundles a{color:#1762c4;text-decoration:none;overflow-wrap:anywhere} /* SkillHub page-local mobile layout; preserve desktop widths. */ @media screen and (max-width:768px){ html,html body,html body#nv_plugin{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box} html body#nv_plugin>div:not([class]):not([id]),html body#nv_plugin .nex_plugin_reserved,html body#nv_plugin .w1240,html body#nv_plugin .clear,html body#nv_plugin #wp,html body#nv_plugin .wp,html body#nv_plugin .xs-site-shell,html body#nv_plugin .xs-main-header,html body#nv_plugin .xs-shell-width{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box} html body#nv_plugin .xs-main-header{height:auto!important} html body#nv_plugin .xs-header-row{display:flex!important;flex-wrap:wrap!important;gap:12px;padding:12px 14px!important;height:auto!important} html body#nv_plugin .xs-header-row>*{min-width:0!important;max-width:100%!important;box-sizing:border-box} html body#nv_plugin .xs-header-tools{display:flex!important;flex-wrap:wrap!important;flex:1 1 100%!important;width:100%!important;min-width:0!important;gap:8px} html body#nv_plugin .xs-header-tools>*{min-width:0!important;max-width:100%!important;box-sizing:border-box} html body#nv_plugin .xs-main-header nav{flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto;box-sizing:border-box} html body#nv_plugin .xs-main-header input{min-width:0!important;max-width:100%!important;box-sizing:border-box} .bundle-list-shell,.bundle-detail,.skill-detail{min-width:0!important;max-width:100%!important;box-sizing:border-box} .bundle-list-page{width:calc(100% - 28px)!important;min-width:0!important;max-width:100%!important;box-sizing:border-box} .bundle-hero{padding:0 4px 20px!important;min-height:0!important}.bundle-hero h1{font-size:28px!important;line-height:1.4!important;letter-spacing:0;overflow-wrap:anywhere}.bundle-hero-desc{max-width:100%!important} .bundle-search-form{position:static!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.bundle-developer-btn{position:static!important} .bundle-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%!important}.bundle-card,.bundle-card-link,.bundle-card-main,.bundle-card-body{min-width:0!important;max-width:100%!important;box-sizing:border-box} .bundle-card{padding:14px!important}.bundle-icon{width:80px!important;height:80px!important;flex:0 0 80px!important}.bundle-card-body{padding-right:18px!important}.bundle-name{overflow-wrap:anywhere}.bundle-category-panel{box-sizing:border-box;max-width:100%!important;gap:4px 18px!important;padding:12px 16px!important}.bundle-category-panel a{white-space:normal!important;max-width:100%;overflow-wrap:anywhere} .hub-results-toolbar,.hub-sort-form,.bundle-meta,.bundle-stats{min-width:0;max-width:100%;box-sizing:border-box;flex-wrap:wrap}.bundle-pagination{max-width:100%;overflow-wrap:anywhere} .skill-detail,.bundle-detail{width:calc(100% - 28px)!important;margin:16px auto!important}.skill-info,.bundle-info,.skill-list-content{min-width:0!important;max-width:100%;overflow-wrap:anywhere}.skill-info h1,.bundle-info h1{overflow-wrap:anywhere} .bundle-full-description,.bundle-skills-section,.overview-content,.install-panel,.version-list{padding:20px 16px!important;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere} .markdown-body pre,.bundle-desc-content pre,.code-block{max-width:100%;box-sizing:border-box;overflow-x:auto}.markdown-body table,.bundle-desc-content table{display:block;max-width:100%;overflow-x:auto}.markdown-body img,.bundle-desc-content img{max-width:100%;height:auto} .skill-buy-container{width:calc(100% - 28px)!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;overflow-wrap:anywhere} } </style> <script> // 复制功能 function copyToClipboard(text, btn) { if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).then(function() { showCopied(btn); }).catch(function() { fallbackCopy(text, btn); }); } else { fallbackCopy(text, btn); } } function fallbackCopy(text, btn) { var textarea = document.createElement('textarea'); textarea.value = text; textarea.style.position = 'fixed'; textarea.style.opacity = '0'; document.body.appendChild(textarea); textarea.select(); try { document.execCommand('copy'); showCopied(btn); } catch (err) { btn.textContent = '失败'; } document.body.removeChild(textarea); } function showCopied(btn) { var originalText = btn.textContent; btn.textContent = '已复制!'; btn.classList.add('copied'); setTimeout(function() { btn.textContent = originalText; btn.classList.remove('copied'); }, 2000); } // Tab 切换 document.addEventListener('DOMContentLoaded', function() { var tabItems = document.querySelectorAll('.skill-tabs .tab-item'); var tabContents = document.querySelectorAll('.tab-content'); tabItems.forEach(function(item) { item.addEventListener('click', function() { var target = this.getAttribute('data-tab'); var targetContent = document.getElementById('tab-' + target); // 移除所有 active tabItems.forEach(function(t) { t.classList.remove('active'); }); tabContents.forEach(function(c) { c.classList.remove('active'); }); // 添加 active this.classList.add('active'); // 延迟添加动画类,确保过渡效果 setTimeout(function() { targetContent.classList.add('active'); }, 50); window.location.hash = target; }); }); var hash = window.location.hash.replace('#', ''); if (hash) { var targetTab = document.querySelector('.skill-tabs .tab-item[data-tab="' + hash + '"]'); if (targetTab) { targetTab.click(); } } // 中英文描述切换 var langSwitcher = document.getElementById('langSwitcher'); if (langSwitcher) { var descEn = document.querySelector('#markdownContent .desc-en'); var descCn = document.querySelector('#markdownContent .desc-cn'); var toggleBtn = document.getElementById('langToggleBtn'); var currentLang = 'cn'; toggleBtn.addEventListener('click', function() { if (currentLang === 'en') { currentLang = 'cn'; toggleBtn.textContent = '查看原文'; if (descEn) descEn.style.display = 'none'; if (descCn) descCn.style.display = 'block'; } else { currentLang = 'en'; toggleBtn.textContent = '中文'; if (descCn) descCn.style.display = 'none'; if (descEn) descEn.style.display = 'block'; } }); } }); </script></div> <div class="wp a_f"><style id="hl-skillhub-bundle-detail-style"> #bundleDescContent > h1{text-align:center;margin-top:8px;margin-bottom:14px} #bundleDescContent > h1 + p{text-align:center;color:#155bd5;background:#eff6ff;padding:10px 14px;border-radius:6px;margin:0 auto 22px} #bundleDescContent > h2:first-of-type{text-align:center;margin-top:28px} </style></div><script src="source/plugin/hl_skillhub/static/js/main.js"></script><footer class="xs-site-footer"> <div class="xs-shell-width"> <div class="xs-footer-top"> <div class="xs-footer-intro"> <span class="xs-footer-kicker">MULTILINK GROUP · XIAN SHE</span> <h3>多链集团旗下 · 闲社网</h3> <p class="xs-footer-summary">连接智能体、工作流、提示词与专业服务,让技术能力更容易被发现、交易和持续使用。</p> <div class="xs-original-links"> <div><strong>闲社服务</strong><a href="/fuwu">定制服务</a><a href="/xueshe">闲社视频</a><a href="portal.php?mod=topic&topicid=1">会员介绍</a><a href="/huiyuan">开通会员</a></div> <div><strong>社区生态</strong><a href="forum.php">智能体论坛</a><a href="/gongzuoliu">技能自动化</a><a href="/fuwu">AI 服务市场</a><a href="forum-9-1.html">大模型社区</a></div> <div><strong>网站服务</strong><a href="https://wpa.qq.com/msgrd?v=3&uin=515151560&site=qq&menu=yes" target="_blank" rel="nofollow">会员咨询:515151560</a><a href="https://wpa.qq.com/msgrd?v=3&uin=515151570&site=qq&menu=yes" target="_blank" rel="nofollow">广告合作:515151570</a><a href="https://wpa.qq.com/msgrd?v=3&uin=515151580&site=qq&menu=yes" target="_blank" rel="nofollow">投诉建议:515151580</a><a href="https://wpa.qq.com/msgrd?v=3&uin=515151590&site=qq&menu=yes" target="_blank" rel="nofollow">售后指导:515151590</a></div> </div> </div> <div class="xs-hotline-card"><small>闲社网热线</small><strong>免费联系电话</strong><div class="xs-hotline-number">0527-80111111</div><p>服务时间<br>周一到周日 8:00-24:00</p><a href="https://wpa.qq.com/msgrd?v=3&uin=515151560&site=qq&menu=yes" target="_blank" rel="nofollow">在线联系闲社</a><div class="xs-service-promise"><i>✓</i><div><strong>问题有人答,服务有跟进</strong><span>咨询、合作与售后统一受理</span></div></div></div> <div class="xs-qr-area"><h4>关注闲社网</h4><div class="xs-qr-grid"><div class="xs-qr-item"><img src="template/xianshe/neoconex/wxkf.jpg" alt="闲社在线客服"><span>在线客服</span></div><div class="xs-qr-item"><img src="template/xianshe/neoconex/wx.jpg" alt="闲社网微信"><span>闲社微信</span></div><div class="xs-qr-item"><img src="template/xianshe/neoconex/app.png" alt="闲社网 APP"><span>闲社 APP</span></div></div><p class="xs-footer-company">公众号:闲社 · APP 下载:闲社</p><a class="xs-footer-corner-logo" href="./" aria-label="闲社首页"><img src="template/xianshe/neoconex/logo.png" alt="闲社"></a></div> </div> <div class="xs-footer-bottom"><div class="xs-footer-record"><p>闲社网 · 闲社论坛 · 智能体自动化市场 · 多链控股集团有限公司</p><p>Powered by <a href="http://www.discuz.net" target="_blank" rel="nofollow">Discuz!</a> <em>X5.0</em> · © 2024-2026 闲社网 xianshe.com</p></div><span class="xs-footer-bottom-links"><a href="archiver/" rel="nofollow">Archiver</a><a href="forum.php?mobile=yes" rel="nofollow">手机版</a><span class="xs-footer-divider">·</span><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">苏ICP备2025199260号-1</a></span></div> </div> </footer> <div class="xs-footer-fill" id="xsFooterFill"></div> <script src="source/plugin/xianshe_site_chrome/static/site-chrome.js?v=103" type="text/javascript"></script> <link rel="stylesheet" href="source/plugin/xianshe_site_chrome/static/auth-dialog-v1.css?v=20260928d15"> <script src="source/plugin/xianshe_site_chrome/static/auth-dialog-v1.js?v=20260918uc2" type="text/javascript"></script> <div id="scrolltop"> <span hidefocus="true"><a title="返回顶部" onclick="window.scrollTo('0','0')" class="scrolltopa"><b>返回顶部</b></a></span> </div> <script type="text/javascript">_attachEvent(window, 'scroll', function () { showTopLink(); }); checkBlind();</script> <link rel="stylesheet" type="text/css" href="source/plugin/xianshe_site_chrome/static/token-promo-20260928.css?v=8"><script src="source/plugin/xianshe_site_chrome/static/token-promo-20260928.js?v=9" type="text/javascript" type="text/javascript"></script></body> </html>