Yida Dev
LeoYeAI/openclaw-master-skills
钉钉宜搭低代码开发助手。用于创建表单和自定义页面、编写 JS 动作面板、使用 JS-API、配置数据源、设计流程自动化。适用于宜搭表单开发、JS 代码调试、API 集成等场景。
宜搭单页设计子流程。用于已有应用里的单个自定义页面美化、页面重构、视觉升级、表单入口体验优化和主题证据读取. An agent skill from openyida/openyida.
MITAuto-check passed
Install Yida Page Design
$ npx skills add openyida/openyida --skill yida-page-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install openyida/openyida yida-page-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/openyida/openyida.git skills-src && mkdir -p .claude/skills && cp -r skills-src/yida-skills/skills/yida-design/sub_skill/page-design .claude/skills/yida-page-design && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "yida-page-design" agent skill from https://github.com/openyida/openyida/tree/main/yida-skills/skills/yida-design/sub_skill/page-design into .claude/skills/yida-page-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "yida-page-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/openyida/openyida/tree/main/yida-skills/skills/yida-design/sub_skill/page-designType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add openyida/openyida --skill yida-page-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install openyida/openyida yida-page-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/openyida/openyida.git skills-src && mkdir -p .agents/skills && cp -r skills-src/yida-skills/skills/yida-design/sub_skill/page-design .agents/skills/yida-page-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "yida-page-design" agent skill from https://github.com/openyida/openyida/tree/main/yida-skills/skills/yida-design/sub_skill/page-design into .agents/skills/yida-page-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "yida-page-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add openyida/openyida --skill yida-page-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install openyida/openyida yida-page-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/openyida/openyida.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/yida-skills/skills/yida-design/sub_skill/page-design .cursor/skills/yida-page-design && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "yida-page-design" agent skill from https://github.com/openyida/openyida/tree/main/yida-skills/skills/yida-design/sub_skill/page-design into .cursor/skills/yida-page-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "yida-page-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/openyida/openyida.git --path yida-skills/skills/yida-design/sub_skill/page-design--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add openyida/openyida --skill yida-page-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install openyida/openyida yida-page-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/openyida/openyida.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/yida-skills/skills/yida-design/sub_skill/page-design .gemini/skills/yida-page-design && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "yida-page-design" agent skill from https://github.com/openyida/openyida/tree/main/yida-skills/skills/yida-design/sub_skill/page-design into .gemini/skills/yida-page-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "yida-page-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install openyida/openyida yida-page-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add openyida/openyida --skill yida-page-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/openyida/openyida.git skills-src && mkdir -p .github/skills && cp -r skills-src/yida-skills/skills/yida-design/sub_skill/page-design .github/skills/yida-page-design && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "yida-page-design" agent skill from https://github.com/openyida/openyida/tree/main/yida-skills/skills/yida-design/sub_skill/page-design into .github/skills/yida-page-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "yida-page-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add openyida/openyida --skill yida-page-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install openyida/openyida yida-page-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/openyida/openyida.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/yida-skills/skills/yida-design/sub_skill/page-design .opencode/skills/yida-page-design && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "yida-page-design" agent skill from https://github.com/openyida/openyida/tree/main/yida-skills/skills/yida-design/sub_skill/page-design into .opencode/skills/yida-page-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "yida-page-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
yida-page-design- GitHub stars
- 221
- Token cost
- ~754 tokens
- SKILL.md length
- 134 words
- Files
- 1
- Skills in repo
- 59
- Repo updated
- First seen
- Licence
- MIT
At a glance
宜搭单页设计子流程。用于已有应用里的单个自定义页面美化、页面重构、视觉升级、表单入口体验优化和主题证据读取. An agent skill from openyida/openyida.
- SKILL.md covers Step 1：读取应用主题与功能契约, 共享主题消费, 完整步骤 and 主题决策口径, plus 1 more section
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Yida Page Design is an agent skill from openyida/openyida. 宜搭单页设计子流程。用于已有应用里的单个自定义页面美化、页面重构、视觉升级、表单入口体验优化和主题证据读取。
Its SKILL.md is about 750 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
The repository describes itself as: Your own personal YiDA AI assistant! The licence is MIT.
Example prompts
- “/yida-page-design”
What it can do on your machine
Read from SKILL.md and the folder at commit 4932d0b. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Yida Page Design loads about 754 tokens when it runs. Until then it costs about 18 tokens; SKILL.md has 134 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from openyida/openyida at commit 4932d0b, republished under its MIT licence (© openyida). 134 words, ~754 tokens.
Download SKILL.mdSave it as
.claude/skills/yida-page-design/SKILL.md (or your agent's skills folder).- name
- yida-page-design
- description
- 宜搭单页设计子流程。用于已有应用里的单个自定义页面美化、页面重构、视觉升级、表单入口体验优化和主题证据读取。
page-design
单页设计子流程。用于已有自定义页面的美化或设计：页面美化、视觉升级、官网首页、列表、看板、大屏、详情、工作台和表单入口体验优化。
Step 1：读取应用主题与功能契约
单页设计和页面重构先确认当前应用主题，同时记录现有功能契约。页面美感提升默认属于 UI-only 改造：调整布局、密度、间距、视觉层级、素材和图标表达，业务功能保持原样。
| 证据来源 | 读取内容 | 写入设计补充 |
|---|---|---|
用户给出的应用 URL、appType、页面 URL、resource context | 目标应用、目标页面、页面所处业务上下文 | appType、pageFormUuid、themeEvidence.source |
project/config.json、.cache/<项目名>-schema.json、.openyida-page.json | 已记录的 app/page/form、themeProfile、页面视觉摘要 | themeEvidence.source=workspace |
当前应用配置中的 colour、themeColor、navTheme | 当前应用主色和导航明暗 | currentAppTheme |
已有 Page Spec / 页面源码中的 themeProfile、应用主题消费方式 | 页面正在消费的应用主题 token | currentPageTheme |
| 已有 Page Spec / 页面源码 / 用户描述中的按钮、筛选、数据源、表单入口、跳转、权限、状态 | 当前页面功能契约和业务动作 | functionContract |
主题证据齐全时，页面重构、局部美化、列表/看板/详情优化沿用当前应用 colour / themeColor。主题证据缺失时，记录 themeEvidence.status=missing，根据行业、品牌、业务情绪和视觉目标生成应用主题文件，不固定回到 podBlue / #1677ff，也不套用行业刻板配色。
共享主题消费
先读取当前应用的 design.md，沿用已确认主题和组件规则；不重新选型或为单页另建主题库。尚无主题契约且本次需要确定风格时，按 共享主题选择规则 只读 主题索引 摘要，选中后读取一份完整主题，再补当前页面的项目化设计。局部美化仍保持应用主题、导航和功能契约。
完整步骤
| 步骤 | 复用文件 | 单页执行重点 |
|---|---|---|
| 1 | 本文件：读取应用主题与功能契约 | 获取 currentAppTheme、currentPageTheme、themeEvidence、functionContract |
| 2 | 读取整理后的用户需求 | 聚焦当前页面的用户、任务、业务对象和 UI-only 改造目标；没有完整应用需求文件时使用当前页面上下文 |
| 3 | 选择主题色和 token | 基于 Step 1 的应用主题；需要换色时生成或更新应用主题文件 |
| 5 | 页面结构和交互设计 | 明确布局骨架、主操作、详情抽屉、表单提交入口和 PC/移动端差异 |
| 6 | UI 视觉和状态设计 | 细化当前页视觉、素材、图标、空态、加载态、错误态和业务化自检 |
| 7 | 写入 design.md | 输出当前页面的设计补充，交给 yida-canvas-custom-page 实现；业务或页面契约变化时交给 yida-prd 更新 PRD |
主题决策口径
- 当前应用主题清楚：
themeDecision=follow-app或page-enhance，themeProfile.name使用当前应用主题 key，themeColorSource=application-theme，页面按业务需要调整构图、密度、素材和辅助视觉。 - 当前页面存在页面级主题 token：由
yida-design将主色和语义变量收敛到应用主题文件。 - 页面重构/局部美化：以当前应用主题为基准，使用
design.md确定的品牌色阶和语义变量。 - 页面美感提升/改 UI：
functionContract保持稳定，现有数据源、字段映射、按钮动作、筛选逻辑、提交 URL、权限和业务状态按原有实现交付。 - 用户明确要求换主色时，执行
openyida sample yida-design app-theme --output <app-theme.css> --design-file prd/<项目名>/design.md复制模板并按design.md自动替换 token；严禁重新生成或覆盖整份 CSS。 - 用户明确要全应用换肤：将诉求回到
yida-design的主题色和 token 分支，输出应用主题 CSS、themeColor和navTheme。 - 单页只做局部美化：保持平台导航和应用主题稳定，直接使用当前主题变量。
输出补充字段
在 design.md 输出格式 基础上补充：
- themeEvidence：<source/status/currentAppTheme/currentPageTheme>
- currentAppTheme：<colour/navTheme/config.COLOUR 或 missing>
- currentPageTheme：<当前应用主题变量或 missing>
- themeDecision：<follow-app / page-enhance / app-theme-update>
- functionContract：<保留的数据源/字段映射/按钮动作/筛选逻辑/提交 URL/权限/状态>
- changeScope：<UI-only：颜色/布局/密度/间距/视觉层级/素材/图标>© openyida, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in yida-skills/skills/yida-design/sub_skill/page-design of openyida/openyida.
Open the folder on GitHubat commit 4932d0b
Compare with similar skills
Yida Page Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Yida Page Design this skillopenyida/openyida | 221 | — | ~754 | Automated safety check: Pass | MIT | |
| Yida DevLeoYeAI/openclaw-master-skills | 2.2k | — | ~5k | Automated safety check: Pass | MIT | |
| Yida Dashboardopenyida/openyida | 221 | — | ~1.4k | Automated safety check: Pass | MIT | |
| Yida Appopenyida/openyida | 221 | — | ~2.2k | Automated safety check: Pass | MIT | |
| Yida I18nopenyida/openyida | 221 | — | ~909 | Automated safety check: Pass | MIT | |
| Yida Tingjiopenyida/openyida | 221 | — | ~283 | Automated safety check: Pass | MIT |
Similar skills
Yida Dashboard
openyida/openyida
经营分析看板/驾驶舱/数据大屏产品化交付；用于指标判断、趋势分析或投屏监控，不用于普通待办工作台和办事门户。含真实数据、筛选联动、卡片截图、组织内短链和钉钉待办闭环。常规图表使用 yida-rechart；明确 ECharts、复杂 ECharts option 或维护旧图表时使用 yida-chart。普通统计优先 yida-report。
Yida App
openyida/openyida
创建完整宜搭应用，或补齐已有应用时使用。先确认核心功能和实际用法；Fast 直接搭建，Plan 先确认方案。由 yida-prd 和 yida-design 同时准备业务与基础视觉，校验后创建或复用资源；表单/流程先于自定义页面。页面 UI 按已确认设计实现，代码示例按需参考；前后台都规划菜单顺序与默认页面，发布后分别验收实际入口。
Yida I18n
openyida/openyida
应用多语言管理。查询和维护宜搭应用的语言配置、文案词条、翻译状态、一键翻译和多语言升级。适用于全球化设置 / 多语言管理页面；需要应用已开通国际化能力包，或运行在 Global YiDA 环境（默认入口为 www.yidaapps.com，且支持客户自定义二级域名）。
Yida Tingji
openyida/openyida
按 taskUuid 获取钉钉听记、会议录音转写、会议纪要或 AI 听记的完整详情；只负责读取内容。若用户要求转 PRD，先用本技能取内容，再交给 yida-flash-note-to-prd。
Yida Chart
openyida/openyida
ECharts 高级可视化报表。依赖宜搭原生报表 getDataAsync.json 接口获取聚合数据，禁止前端聚合。触发词：「更美观」「ECharts」「大屏」「定制化」。普通「报表」「统计」需求默认由 yida-report 处理。
More from openyida/openyida
All 59 skills in this repoYida Canvas Custom Page
openyida/openyida
宜搭自定义页面开发规范，使用 YidaCodeCanvas 组件实现现代 React18 自定义页面。用于官网、看板、工作台、列表、详情、门户壳、可视化、hooks 交互、表单入口，以及需要门户组件、数据管理视图、成员、部门或上传组件的场景；发布层自动注入 yida/utils window 桥。
Openyida Release
openyida/openyida
快速发布 OpenYida npm 正式版或测试版。用户说“发布正式版”“发布测试版”“发 beta”或要求按当天日期生成版本 tag 时使用；不用于宜搭应用或自定义页面发布。
Yida Design Plan
openyida/openyida
Plan 模式的视觉设计分支。基于需求选择视觉方向，再结合业务页面规划维护 build-plan.json 的 visualStyle，供 CLI 派生 design.md。
Yida Openyida Publish Guard
openyida/openyida
Prevent stale local OpenYida custom page source from overwriting live designer edits.
Codemap
openyida/openyida
Generate, update, or drift-check agent-facing CodeMaps as progressive code terrain indexes for projects, features, capabilities, functions, modules, or bug chains.
Sdd Riper One Light
openyida/openyida
面向 GPT-5.5 等强模型和熟练用户的轻量 AI Agent Harness / checkpoint-driven coding skill。默认用户已经把任务切到基本可执行的最小混沌单元；模型自行分解、探索与推进，人类通过最终目标、最小 spec、复述、checkpoint、证据验证与回写来低干扰控盘。
Questions about Yida Page Design
What does Yida Page Design do?
宜搭单页设计子流程。用于已有应用里的单个自定义页面美化、页面重构、视觉升级、表单入口体验优化和主题证据读取. An agent skill from openyida/openyida. Yida Page Design is an agent skill from openyida/openyida.
How do I install Yida Page Design in Claude Code?
Run `npx skills add openyida/openyida --skill yida-page-design -a claude-code`. Or copy the skill folder (yida-skills/skills/yida-design/sub_skill/page-design in openyida/openyida) into .claude/skills/yida-page-design in your project. Claude Code loads it when a task matches its description.
How do I install Yida Page Design in Codex?
Run `npx skills add openyida/openyida --skill yida-page-design -a codex`. Or copy the skill folder (yida-skills/skills/yida-design/sub_skill/page-design in openyida/openyida) into .agents/skills/yida-page-design in your project. Codex loads it when a task matches its description.
Can I use Yida Page Design in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add openyida/openyida --skill yida-page-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/yida-page-design, .gemini/skills/yida-page-design, .github/skills/yida-page-design and .opencode/skills/yida-page-design in your project.
What does Yida Page Design need to run?
SKILL.md names no scripts, command-line tools or credentials: Yida Page Design is instructions for the agent only.
Does Yida Page Design access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Yida Page Design safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Yida Page Design use?
Yida Page Design is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Yida Page Design use?
About 754 tokens (SKILL.md is roughly 3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Yida Page Design?
Skills that share tags, products or a category with Yida Page Design: Yida Dev (LeoYeAI/openclaw-master-skills, 2.2k stars), Yida Dashboard (openyida/openyida, 221 stars), Yida App (openyida/openyida, 221 stars) and Yida I18n (openyida/openyida, 221 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Yida Page Design?
openyida (a GitHub organization) maintains it in openyida/openyida, which has 221 GitHub stars. The repository holds 59 skills in this directory. The repository was last updated on October 10, 2026.
Source: openyida/openyida on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.