XL1 Design Patterns

This skill provides prescriptive, recipe-style patterns for building common application features on XL1. Where the lower layers document what XL1 is, this layer documents how to build things on it.

Lower Layer Skills

These patterns compose primitives from the full skill stack:

• XL1 Knowledge — chain data model, datalakes, gateway (generic, browser, and Node)
• XYO Knowledge — payloads, bound witnesses, modules, identity
• XY Toolchain — build tooling, ESLint, TypeScript config, Vitest
• Development — coding conventions, Git, testing, workflow

Table of Contents

Browser UX

REQUIRED reading for any dApp with a UI — which is nearly all of them. Covers wallet connection lifecycle (ConnectAccountsStack), the useConnectAccount singleton pitfall, lifting connected address into app state, capability-aware components, dApp UI structure, and display conventions (hash/address clamping, copy-to-clipboard). The UX layer that sits on top of Browser Gateway construction. Skip only if the work is genuinely UI-less (a pure indexer service or a CLI).