Agent Skill · AI 工具

pro-components-guide（专业组件指南）

pro-components-guide 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。

pro-components-guide 是AI 工具类 Agent Skill，可用宿主为 Codex、Claude、Cursor、Gemini CLI，通过GitHub 仓库获取，权限为需要联网；许可证为 MIT，第三方扫描已通过，按安装量在AI 工具类的 2,536 个 Skill 里排第 1,950。

总安装 392周安装 16GitHub Stars 公开资料未说明下载 127核验 2026-05-01

AI 工具需要联网 GitHub 仓库未标认证来源可访问许可证明确审计通过 Codex Claude Cursor Gemini CLI

安装说明

本站只整理中文说明，不托管安装包，也不代用户安装。

GitHub

许可证: MIT

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手，先确认命令和权限，再让它执行。

请帮我安装这个 Agent Skill：pro-components-guide（专业组件指南）
来源仓库：https://github.com/jobsys/newbie-next
仓库路径：skills/pro-components-guide
安装命令：
npx skills add https://github.com/jobsys/newbie-next --skill pro-components-guide
安装前请先检查当前环境是否支持对应 CLI，并向我确认将要执行的命令、安装目录、联网范围和文件读写权限；确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异；本站展示可直接复制的安装命令，安装前请核对来源页面。

skills.shnpx skills

npx skills add https://github.com/jobsys/newbie-next --skill pro-components-guide

这个 Skill 是做什么的

AI 工具类 Skill 用来扩展助手本身的能力，例如接模型、接检索、接外部服务。

pro-components-guide 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息。适合在需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库和原始 README 核验具体用法。安装前建议确认权限范围、维护状态及是否会触发联网或文件读写。

适用于 Codex、Claude、Cursor、Gemini CLI 等宿主环境。

来源仓库内路径：skills/pro-components-guide

上手步骤

4 步

1
确认自己的宿主工具
公开资料标注支持 Codex、Claude、Cursor、Gemini CLI；先确认自己用的是其中之一，再按对应工具的 Skills 目录放置。
2
拿到安装命令
可以直接复制的命令是 npx skills add https://github.com/jobsys/newbie-next --skill pro-components-guid…；命令里的占位符换成自己的路径或密钥再执行。
3
安装后重启宿主
命令执行完要完全退出宿主工具再打开，让新装的 Skill 被重新扫描到，否则列表里可能看不到。
4
按最小权限试用
它需要需要联网，先在测试目录或测试账号里跑，确认没问题再放到正式项目。

常见问题

6 条

pro-components-guide 怎么安装？

在终端执行 npx skills add https://github.com/jobsys/newbie-next --skill pro-components-guide。装完完全退出宿主工具再打开，让它重新扫描本地 Skill。

pro-components-guide 支持哪些 AI 工具？

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录，一般也能手动放进去，但要自己确认触发方式是否一致。

pro-components-guide 需要什么权限？

权限级别是需要联网。该 Skill 可能需要联网访问来源站点、仓库或外部 API；具体网络访问范围需要结合源码和 README 复核。

pro-components-guide 是免费的吗？

来源标注的许可证是 MIT。本站不代收任何费用，也不托管安装包；能否商用、要不要署名，以许可证原文为准。

pro-components-guide 用的人多吗？

公开数据是累计安装 392 次，近一周安装 16 次，下载 127 次。这些数字来自第三方目录统计，只能当作热度参考，不代表质量或安全性。

pro-components-guide 安全吗？

第三方扫描结果为通过，但这只覆盖已知的静态检查项，不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

同时适配 4 种工具，换客户端不用重新找替代品。
3 个目录同时收录，说明这个 Skill 流传比较广。
许可证明确为 MIT，商用和分发边界好判断。
第三方扫描已通过，常见的高风险行为没有命中。

先想清楚的地方

第三方目录整理，版本更新和行为细节以来源仓库为准。

适不适合你

更适合

已经在用 Codex，想直接扩展它能力的人。
需要处理AI 工具类任务、又不想每次都手写提示词的人。
需要许可证清楚、并且有第三方扫描结果的团队项目。

不太适合

需要厂商级技术支持和 SLA 的生产系统。

AI 工具类 Skill 对比

6 个同类

Skill	总安装	GitHub 星	权限	许可证	扫描
executing-plans 执行计划 · Codex、Claude	1,515,336	173,110	只读	MIT	通过
verification-before-completion 完成前的验证 · Codex、Claude	1,319,472	173,121	权限未标注	MIT	通过
subagent-driven-development 子 Agent 驱动开发 · Codex、Claude	1,312,416	173,138	只读	MIT	通过
copy-editing 复制编辑 · Codex、Claude	1,209,576	25,632	只读	MIT	通过
paywall-upgrade-cro 付费专区升级 cro · Codex、Claude	1,030,176	25,617	只读	MIT	通过
pro-components-guide 专业组件指南 · 本页	392	—	需要联网	MIT	通过

按安装量取同分类前几名；数字来自第三方目录统计，只作热度参考，不代表质量结论。

SKILL.md 原文

ProComponents Guide & Documentation

当用户询问 Ant Design Pro 组件、构建后台页面或需要查找具体组件参数时，请参考以下目录。 关键指令：如果需要编写详细代码且不确定某个 Props（如 request 的返回值格式、columns 的具体配置），请使用浏览工具（Browsing Tool）读取对应的 URL。

1. Layout 布局组件

核心组件: ProLayout

文档链接: https://pro-components.antdigital.dev/components/layout
包含:

- ProLayout: 解决侧边栏、顶部导航、面包屑等全局布局。 - PageContainer: 页面的标准容器，自动生成面包屑和标题。 - FooterToolbar: 底部固定工具栏。 - WaterMark: 水印组件。

2. Table 表格与列表

核心组件: ProTable

ProTable (超级表格):

- 文档链接: https://pro-components.antdigital.dev/components/table - 用途: 包含查询表单、工具栏、表格体的全功能表格，CRUD 标配。

EditableProTable (可编辑表格):

- 文档链接: https://pro-components.antdigital.dev/components/editable-table - 用途: 行内编辑、实时保存。

DragSortTable (拖拽排序):

- 文档链接: https://pro-components.antdigital.dev/components/drag-sort-table

ProList (高级列表):

- 文档链接: https://pro-components.antdigital.dev/components/list - 用途: 卡片列表、文章列表，支持展开、选择。

3. Form 表单组件

核心组件: ProForm

通用表单 (ProForm, ModalForm, DrawerForm, StepsForm):

- 文档链接: https://pro-components.antdigital.dev/components/form - 用途: - ProForm: 标准页面表单。 - ModalForm: 弹窗表单。 - DrawerForm: 抽屉表单。 - StepsForm: 分步表单。 - LoginForm: 登录页专用。

SchemaForm (JSON配置表单):

- 文档链接: https://pro-components.antdigital.dev/components/schema-form

QueryFilter (筛选表单):

- 文档链接: https://pro-components.antdigital.dev/components/query-filter

4. Data Display 数据展示

ProCard (高级卡片):

- 文档链接: https://pro-components.antdigital.dev/components/card - 用途: 页面切分、分栏布局、栅格布局。

ProDescriptions (定义列表):

- 文档链接: https://pro-components.antdigital.dev/components/descriptions - 用途: 详情页展示，支持 columns 定义。

StatisticCard (指标卡):

- 文档链接: https://pro-components.antdigital.dev/components/statistic-card

5. Other 其他

ProSkeleton (骨架屏):

- 文档链接: https://pro-components.antdigital.dev/components/skeleton

ProField (原子组件):

- 文档链接: https://pro-components.antdigital.dev/components/field - 用途: 根据 valueType 渲染只读/编辑模式的原子组件。

最佳实践提醒

Request 模式: ProTable 和 ProForm 推荐使用 request 属性配合 async 函数来接管数据加载，而不是手动管理 loading 和 data state。详情请查阅 ProTable 文档中的 request 部分。
ValueType: 善用 valueType ('money', 'date', 'select' 等) 来自动格式化显示和表单项，减少手写 render 代码。

平台分布

Claude Code

27.05%

按下载量换算34

OpenCode

22.6%

按下载量换算29

windsurf

17.85%

按下载量换算23

Gemini CLI

12.92%

按下载量换算16

Cursor

7.29%

按下载量换算9

Antigravity

3.21%

按下载量换算4

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API；具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息，不托管安装包，不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。

继续浏览同类 Skills

更多AI 工具 Skills（2,536）返回 Skills 目录

上一个 Skill

prisma-orm-v7-skills（Prisma ORM V7 skills 命令行）

gocallum/nextjs16-agent-skills

用于辅助数据库表结构、查询语句、迁移脚本和数据维护任务。它适合让 Agent 分析 schema、编写 SQL、排查查询问题、整理索引或生成迁移建议。使用时需要明确数据库类型、连接环境和目标表，区分只读分析与写入变更；涉及删除、更新、迁移和批量导入时，应优先 dry-run、备份或事务保护，避免误操作。

下一个 Skill

problem-analysis（问题分析）

solatis/claude-config

problem-analysis 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。