Menü
宜搭自定义页面创建技能，通过调用 saveFormSchemaInfo 接口快速创建自定义展示页面。
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| name | yida-create-page |
| description | 宜搭自定义页面创建技能，通过调用 saveFormSchemaInfo 接口快速创建自定义展示页面。 |
| license | MIT |
| compatibility | ["opencode","claude-code"] |
| metadata | {"audience":"developers","workflow":"yida-development","version":"1.0.0","tags":["yida","low-code","page"]} |
本技能描述如何通过 HTTP 请求调用宜搭 saveFormSchemaInfo 接口创建自定义展示页面（display 类型）。创建后可通过 yida-publish 技能部署自定义 JSX 代码。
当以下场景发生时使用此技能：
场景：在已有应用中创建一个自定义页面 命令：
node .claude/skills/yida-create-page/scripts/create-page.js "APP_XXX" "游戏主页"
输出：
{"success":true,"pageId":"FORM-XXX","pageName":"游戏主页","appType":"APP_XXX","url":"{base_url}/APP_XXX/workbench/FORM-XXX"}
node .claude/skills/yida-create-page/scripts/create-page.js <appType> <pageName>
参数说明：
| 参数 | 必填 | 说明 |
|---|---|---|
appType | 是 | 应用 ID，如 APP_XXX |
pageName | 是 | 页面名称 |
示例：
node .claude/skills/yida-create-page/scripts/create-page.js "APP_xxx" "游戏主页"
输出：日志输出到 stderr，JSON 结果输出到 stdout：
{"success":true,"pageId":"FORM-XXX","pageName":"游戏主页","appType":"APP_XXX","url":"{base_url}/APP_XXX/workbench/FORM-XXX"}
.cache/cookies.json（首次运行会自动触发扫码登录）.cache/cookies.json 获取登录态；若不存在则自动调用 login.py 触发扫码登录saveFormSchemaInfo 接口创建 display 类型页面；根据响应体 errorCode 自动处理异常（详见 yida-login 技能文档「错误处理机制」章节）pageId（formUuid）记录到 prd/<项目名>.md 的应用配置章节yida-create-page/
├── SKILL.md # 本文档
└── scripts/
└── create-page.js # 页面创建脚本
saveFormSchemaInfo 接口的完整参数、返回值和错误处理机制，请参考 reference/yida-api.md 文档中的「表单设计类 API」章节。
注意：创建自定义页面时，
formType参数固定为display（区别于表单页面的receipt）。
yida-create-app 技能获取 appTypepageId（formUuid）yida-custom-page skill，严格按照其开发规范编写代码yida-publish-page 技能将代码部署到该页面⚠️ 重要警告：宜搭自定义页面使用类组件模式，禁止使用 React Hooks（useState/useEffect）。编写代码前必须先加载
yida-custom-pageskill 查看完整的开发规范。
提示：如果需要创建的是表单页面（带字段的数据收集页），请使用
yida-create-form-page技能。
宜搭平台退出登录技能，清空本地 Cookie 缓存内容。
宜搭自定义页面开发技能，包含宜搭表单 JS API 调用（增删改查/流程/工具类共 27 个）、React 16 JSX 组件开发规范、状态管理模式与编码约束。
宜搭表单页面创建与更新技能，支持创建新表单（saveFormSchemaInfo + saveFormSchema + updateFormConfig）和更新已有表单（getFormSchema + saveFormSchema + updateFormConfig），支持 19 种字段类型（含 SerialNumberField 流水号）和字段增删改操作。
宜搭表单 Schema 获取技能，通过调用 getFormSchema 接口获取指定表单的完整 Schema 结构，用于分析字段定义、组件配置、确认字段 ID（fieldId）等。
宜搭自定义页面发布技能，将 JSX 源码经 Babel 编译、UglifyJS 压缩后构建 Schema，并通过 saveFormSchema 接口部署到宜搭平台。
宜搭完整应用开发技能，描述从零到一搭建一个完整宜搭应用的全流程，包括创建应用、创建页面、需求分析、编写代码、创建表单、发布部署。