mcpField
G
genie-editor-client

genie-editor-client

github.com/lintendoデザイン・UI13777 回インストール3 日前に更新
リポジトリ

genie-editor-client について

genie-editor-client は、ホストプロジェクトへの Genie Editor 組み込みを支援するスキルです。プロパティ編集、複数案の比較、カード形式の案切り替え、ページ環境情報の宣言を扱い、Genie バックエンドがオフラインでも現在のコードを基に実装できます。

主な機能

  1. 01プロパティ編集とページ単位の集約
  2. 02複数案の比較とカード切り替え
  3. 03ページ環境情報の宣言
  4. 04ホストリソースコンテキストの連携
  5. 05Genie バックエンド不在時の実装

活用シーン

  1. 01要素のプロパティを調整パネルに公開
  2. 02複数のデザイン案を比較して選択
  3. 03ページ上でデザイン案を切り替え
  4. 04ページ位置とデバッグ情報を追加

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/genie-editor-clientを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

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

詳細

プロジェクトの 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

コメント