LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ui-composition-orientation - Understand the Preact UI composition and integrations

Explains the Preact UI shell, component hierarchy, store patterns, layer boundaries, grid and XLSX integrations, file loading, exports, and UI debugging entrypoints.

Tags

Updated: 2026-10-05
PreactUI architectureAppStateAG GridXLSXfile loadingstate managementdebugging

Capabilities

Explain app shell compositionTrace store subscription flowIdentify layer ownership boundariesTrace AG Grid lifecycle

Typical Inputs

Preact UI source codeAppState storeAG Grid vendor global

Typical Outputs

UI architecture guidanceIntegration flow explanationsLayer ownership guidance

What this skill does

  • Explain app shell composition
  • Trace store subscription flow
  • Identify layer ownership boundaries
  • Trace AG Grid lifecycle
  • Trace XLSX export pipeline
  • Trace file loading flow
  • Explain aggregation state transitions
  • Locate UI bug entrypoints

Inputs

  • Preact UI source code
  • AppState store
  • AG Grid vendor global
  • XLSX vendor global
  • UI behavior bug symptoms

Outputs

  • UI architecture guidance
  • Integration flow explanations
  • Layer ownership guidance
  • Bug investigation entrypoints

Requirements

  • Preact application codebase
  • TypeScript source environment
  • AG Grid integration
  • XLSX integration
  • SQLite core integration

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.