Visuals

Specialized explanatory and evidence visuals used inside landing primitives.

Link Preview in the UI system.

CLI Terminal in the UI system.

The terminal artifact in a band

$ socra context flash checkout

assembling checkout
  ├─ cart
  ├─ orders
  ├─ shipping
  └─ pricing → catalog → inventory
✓ 10 modules, one tree, ready for your agent

Module Card

Module Card in the UI system.

The module-card artifact

catalogcontext module

Every product has a stable SKU that never changes.

Out-of-stock items stay listed, marked unavailable.

Listings reflect live inventory, never a cached count.

depends ondatabaseinventory

Inbox Mock

Inbox Mock in the UI system.

The ready-work inbox artifact

your inbox

3 ready

Recompute tax when the address changes

#418

checkout

Reject expired promo codes in the cart

#392

pricing

Show an ETA for partial shipments

#377

shipping

hidden: 6 blocked by open dependencies, 31 outside your modules

Knowledge Flow

Knowledge Flow in the UI system.

A labeled flow between states

Source context reaches the destination before action.

Tenant Card

Tenant Card in the UI system.

The tenant workspace artifact

acme-platformtenant

OwnerOwner

Owner

EditorEditor

Editor

AgentAgent

Agent

128 members · 412 modules · isolated tenant

Post Collage

Post Collage in the UI system.

.css-fq3nsr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:16px;}.css-fq3nsr a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:44px;}View post on X

Banner Typewriter

Banner Typewriter in the UI system.