mcpField
G
genie-editor-client

genie-editor-client

github.com/lintendoDesign & UI13777 installsUpdated 2d ago
Repository

About genie-editor-client

genie-editor-client is a skill for integrating Genie Editor into host projects. It guides property editing, design comparisons, card-based variant switching, and page-context declarations, including implementations that rely on local code when the Genie backend is offline.

Key features

  1. 01Property editing and page-level aggregation
  2. 02Design comparisons and card switching
  3. 03Page environment declarations
  4. 04Host resource context integration
  5. 05Implementation with Genie backend offline

Use cases

  1. 01Expose element properties in an adjustment panel
  2. 02Compare design directions before choosing one
  3. 03Switch between design variants on a page
  4. 04Add page-location and debugging context

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/lintendo/axhub-skills --skill genie-editor-client

After installing, type/genie-editor-clientin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
design-bid.md
environment-context.md
property-editing.md
schema-guide.md

Details

From the project README

Genie Editor 宿主侧客户端接入工作流

专注 Genie Editor 宿主侧客户端接入工作流，目标是把属性编辑、多方案比稿、card 方案切换和页面环境信息声明能力落实到当前项目里。

这个技能不依赖 Genie 在线闭环。Genie 后端在线时可以复用在线上下文；不在线时，也可以直接根据当前代码、页面结构、宿主状态和用户需求完成实现。

适用场景

命中这些信号时，优先使用本技能：

  • 用户要“暴露可编辑项”“让它能在调整面板改”
  • 用户要按页面统一整理可编辑项
  • 用户要先出多版方向，再比较后决定推进哪一版
  • 用户要把多个方向做成页面里可切换的方案
  • 用户要补页面定位信息，便于调试时快速找到当前页和对应实现
  • Genie 后端不在线，但仍要完成属性编辑、比稿或方案切换实现

快速分流

  • 属性编辑、页面级属性聚合 → 读 references/property-editing.md
  • 多方案设计比稿、card 方案切换 → 读 references/design-bid.md
  • 页面环境信息、调试定位、宿主资源上下文 → 读 references/environment-context.md

实施原则

  • tweak / schema / values / adapter / update / card 方案切换优先复用 @axhub/genie-editor-client
  • 页面资源上下文 / filePath / targetPath / projectPath 优先走 createGenieEditor(...).host.getResourceContext() 或 window.__GENIE_EDITOR_HOST__
  • 术语对齐 schema、values、adapter、update
  • 页面环境信息优先提供最小必要的资源上下文，不堆临时调试噪音
  • 宿主负责业务字段、默认值和回写语义
  • 页面级属性聚合不是另造一套全局静态配置，而是基于元素级 tweak 注册结果做聚合展示
  • 如果当前环境支持子代理，可把独立实现拆出去；主代理保留整体约束与最终复核

交付要求

最终回复至少包含：

  • 命中的子流程
  • 修改了哪些文件
  • 暴露了哪些属性或方案字段
  • 做了哪些验证

参考

  • references/property-editing.md
  • references/design-bid.md
  • references/environment-context.md

Comments

Markdown supported