メニュー
包含 Ant Design Pro Components (ProComponents) 的组件列表、适用场景及官方文档链接。用于辅助代码生成和参数查询。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/ymsjl/page-scaffold-builder --skill pro-components-guideコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| name | pro-components-guide |
| description | 包含 Ant Design Pro Components (ProComponents) 的组件列表、适用场景及官方文档链接。用于辅助代码生成和参数查询。 |
当用户询问 Ant Design Pro 组件、构建后台页面或需要查找具体组件参数时，请参考以下目录。
关键指令：如果需要编写详细代码且不确定某个 Props（如 request 的返回值格式、columns 的具体配置），请使用浏览工具（Browsing Tool）读取对应的 URL。
核心组件: ProLayout
ProLayout: 解决侧边栏、顶部导航、面包屑等全局布局。PageContainer: 页面的标准容器，自动生成面包屑和标题。FooterToolbar: 底部固定工具栏。WaterMark: 水印组件。核心组件: ProTable
核心组件: ProForm
ProForm: 标准页面表单。ModalForm: 弹窗表单。DrawerForm: 抽屉表单。StepsForm: 分步表单。LoginForm: 登录页专用。columns 定义。request 属性配合 async 函数来接管数据加载，而不是手动管理 loading 和 data state。详情请查阅 ProTable 文档中的 request 部分。valueType ('money', 'date', 'select' 等) 来自动格式化显示和表单项，减少手写 render 代码。