grafton-view-dev
Installation
SKILL.md
Grafton View Dev
@xgent-ai/grafton 把 JSON schema 解析为 React 组件树：schema 声明组件类型、props、插槽、列表模板、条件渲染，以及对 store / 表单 / 本地上下文的数据绑定与动作绑定。
本文是开发时的高频速查 + 标准工作流 + 必避的坑；详尽细节按主题拆进 references/，写到拿不准时按需读对应文件(不要一次性全读)：
| 要做的事 | 读 |
|---|---|
写绑定 / 值级条件对象 / .$ 操作符 / <> 双向绑定 / 导航动作 |
references/bindings.md |
节点特殊键全集 / $type 解析 / createView · createLazyView 参数 |
references/schema.md |
| store / selector / action / 持久化 / hooks / 三件套 / HTTP 获取 | references/stores.md |
| 内置组件清单 / 自定义 widget(grafton 元数据) / slots / renderers / 表单 / i18n | references/components.md |
| 可直接抄改的完整示例(列表 / 异步加载 / 双绑过滤器 / widget / 表单 / 路由重挂载) | references/recipes.md |
本 skill 不覆盖 WiseView 扩展与流式视图(
createStreamingView)——那两块直接看源码。