Now · Asia/Taipei
Preview contract
Scaffolds should define chrome, states, density, and visual ownership.
This preview incorporates the stronger scaffold direction from the reference design: each Widget Archetype is shown as a real sample widget, and the rule chip below explains the generation contract. Colors come from KKTerm theme variables only.
A Object
Ambient Desktop Object
Title bar hidden. Optional state appears on hover or focus only.
score02480
wave
fuel
shield
B Toy
Ambient Canvas Toy/Game
No title bar. Score, status, and controls live inside the scene as HUD chips.
72%
up 4.25m
C Metric
Metric/Chart
Title stays visible when the number alone is ambiguous.
us-east edgeip-10.42.18.4 · pop-iad1
42 ms
queue depthingest-a · backlog rising
1,284
sync freshnesswarehouse mirror · last ack
18 s
canary regioneu-west · one probe failed
1 fail
D Monitor
Data Monitor
Compact provenance chrome, freshness, loading, empty, stale, and error states.
Hash & QR Forge
SHA-256 · SHA-1 · CRC-32 · QR
InputUTF-8 text
SHA256b8f6d2a91c4e0f973a6f2c18...
SHA17c2d3f11a84b0d6f9c22...
CRC329f0a7d3c
E Panel
Utility Instrument
Full chrome. Labels, tabs, units, validation, and copy actions are part of the tool.
Preview only. The implementation pass should turn these rules into Widget Archetype docs, assistant creation guidance, and scaffold contracts that generated script widgets follow.