Design System

App Surfaces - Artifact Reference

Overview
Review paths
Preview chat app surfacesOpen the demo-only `/demo/chat-shell-preview` handoff for inline, carousel, PiP, and fullscreen review.Build an inline app surfaceUse the host-friendly card, rail, and fullscreen rules.Review widget inventoryCompare Apps SDK and ChatKit references, then inspect installable KnearMe surfaces.Review artifact cardsCompare reference, decision, and generated artifact patterns.Design a shellStart with bounded chat shells, context rails, and panel states.Compare mobileReview mode changes, device framing, and recipe-level examples.Inspect tokensCheck foundation rules before composing new surfaces.

Artifact Reference

Reference cards should hand users off to the owning surface cleanly instead of pretending to be the final destination.

Artifact Reference Pattern

Reference cards should point to the next surface without pretending to be the destination.

artifact reference

Publish readiness review

Carries the decision forward, then hands off to the shell or fullscreen surface that actually owns the task.

KnearMe | Service Portfolio Platform