菜单
表单详情页 formDetail 样式优化。通过 Schema 注入 Html 组件承载 CSS，实现卡片化布局、字段视觉美化、评论区与操作栏调整。适用于新建应用后统一表单详情页风格。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
宜搭 AI 应用开发总入口技能。通过有 AI Coding 能力的智能体（悟空/Claude/Open Code 等）+ 宜搭低代码平台，实现一句话搭建或修改完整应用。 包含资源上下文解析、应用创建/复用、表单设计/更新、自定义页面开发、页面发布、登录态管理等完整开发流程。 当用户提到"宜搭"、"yida"、"低代码"、"创建应用"、"创建表单"、"发布页面"、"搭建"、"系统"等关键词时，使用此技能；以下情况不要触发：只是讨论通用前端/后端代码、非宜搭平台产品、或只需要解释概念而不操作宜搭资源。
宜搭完整应用开发编排技能。对普通 OpenYida 应用做完整搭建或补齐时使用；默认走 fast_build，先解析资源上下文，再创建缺失资源、更新主页面并发布输出链接。
宜搭 Code Canvas / 代码画布自定义页面开发规范，是自定义页面的默认链路。用于现代 React 交互、hooks 状态、可视化、AI 生成、官网、看板、工作台、列表、详情或需要崩溃隔离的页面（真 React18 + runtimeCode + importedModules）。也覆盖用户明确提到 code canvas、代码画布、YidaCodeCanvas、runtimeCode、importedModules，或在 Code Canvas 中使用门户、数据管理视图、成员、部门、上传等宜搭运行态组件的场景。
宜搭自定义页面 UI/UX 视觉方向决策技能。用于在页面实现前，按页面类型（工作台/看板/数据大屏/列表/详情/官网落地页）确定布局骨架、信息密度、视觉风格、素材/图标策略和模板路由，产出「视觉方向决策块」。 当用户要新建或改造自定义页面，并明确关注好看、高级、品牌化、去 AI 味、UI 视觉、美化、页面太丑、不够惊艳，或进入深度视觉设计阶段时触发。 完成范围：单页自定义页面的页面类型判断、视觉方向选择、差异化设计原则、素材与图标策略、去 AI 味自检和可交给实现阶段使用的决策块。
创建宜搭应用并返回 appType；仅当没有目标 app 且用户意图允许新建时使用。schema-managed 应用由根技能或明确 context 路由到 schema workflow。
应用多语言管理。查询和维护宜搭应用的语言配置、文案词条、翻译状态、一键翻译和多语言升级。适用于全球化设置 / 多语言管理页面；需要应用已开通国际化能力包，或运行在 Global YiDA 环境（默认入口为 www.yidaapps.com，且支持客户自定义二级域名）。
| name | yida-form-detail |
| description | 表单详情页 formDetail 样式优化。通过 Schema 注入 Html 组件承载 CSS，实现卡片化布局、字段视觉美化、评论区与操作栏调整。适用于新建应用后统一表单详情页风格。 |
| license | MIT |
| compatibility | ["opencode","claude-code","qoder","wukong"] |
| metadata | {"audience":"developers","workflow":"yida-development","version":"1.4.0","tags":["yida","low-code","form-detail","css","style"]} |
优化宜搭表单详情页 formDetail 的默认视觉效果，覆盖页头、详情区域、评论区、底部操作栏和字段预览块。默认方案使用 20px 圆角卡片、12px 页面间距、1440px 最大宽度、字段值标注块和胶囊操作栏。
didMount，formDetail 不执行这类页面 JS。RichTextField 承载样式，设计器可能提示组件未找到。hidden: true，否则 <style> 不会进入 DOM。openyida publish 发布这个样式；它不是自定义页面源码。appType、formUuid 或 fieldId。缺失时先从命令输出、缓存或 openyida get-schema 获取。通过表单 Schema 在 FormContainer 首位注入或更新一个宜搭原生 Html 组件：
yida-form-detail-css-html，便于幂等更新。props.content 写入 <style>...</style>。props.__style__ 使用 height: 0px、overflow: hidden，避免占用页面空间。hidden 必须为 false，isLocked 建议为 true。root.css 作为兜底，但以 Html 组件为主要持久化方式。openyida env --json
openyida login --check-only --json
appType 与表单 formUuid。如果用户只给了表单名，先用应用表单列表或 openyida get-schema <appType> --all 辅助定位。MINI_RESOURCE。yida-form-detail-css-html 存在，且 props.content 包含 yida-form-detail 版本注释。如果后续要把该技能变成确定性命令，建议新增：
openyida form-detail-style apply <appType> <formUuid> [--css file] [--preset clean-card]
openyida form-detail-style remove <appType> <formUuid>
openyida form-detail-style check <appType> <formUuid>
命令实现应复用本技能的 Html 组件 id、CSS marker 和保存/刷新流程。