LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

ui-composition-orientation - 理解 Preact UI 组合结构与集成方式

说明 Preact UI 外壳、组件层级、状态订阅、分层边界、网格与 XLSX 集成、文件加载、导出及 UI 调试入口。

标签

更新于: 2026-10-05

能力

典型输入

典型输出

该技能可以做什么

  • 说明应用外壳组合结构
  • 追踪状态订阅流程
  • 识别各层职责边界
  • 追踪 AG Grid 生命周期
  • 追踪 XLSX 导出流程
  • 追踪文件加载流程
  • 说明聚合状态转换
  • 定位 UI 问题入口

输入

  • Preact UI 源代码
  • AppState 状态存储
  • AG Grid vendor 全局对象
  • XLSX vendor 全局对象
  • UI 行为问题现象

输出

  • UI 架构说明
  • 集成流程说明
  • 分层职责指导
  • 问题调查入口

要求

  • Preact 应用代码库
  • TypeScript 源码环境
  • AG Grid 集成
  • XLSX 集成
  • SQLite 核心集成

来源

  • 规范: SKILL.md
Preact
UI 架构
AppState
AG Grid
XLSX
文件加载
状态管理
调试
说明应用外壳组合结构
追踪状态订阅流程
识别各层职责边界
追踪 AG Grid 生命周期
Preact UI 源代码
AppState 状态存储
AG Grid vendor 全局对象
UI 架构说明
集成流程说明
分层职责指导