Tasarım aracı playbook’u

Sayfa, chrome ve bileşenleri MCP/API ile düzenlemek için token-verimli döngü.

Doğrulama döngüsü

1. get_* ile mode=summary kullanarak blok id/type/propsKeys (ve varsa anchorId) görün.
2. update_* ops ile yama yapın (blockId + prop path ile set/insert/remove/move). Tam content yerine ops tercih edin.
3. Slim güncelleme yanıtları changedBlockIds, contentLocale ve hasWarnings döner—tam belgeyi değil.
4. hasWarnings true ise ayrıntı için get_design_warnings çağırın (şema + routePageId; DOM taşması yok).
5. Tek alt ağaç için blockId ile get_*, veya yalnızca gerektiğinde tam get.

Block-id ops

Ops şekli: set {blockId, path, value}, insert {parentBlockId, slot?, index, block}, remove {blockId}, move {blockId, parentBlockId, slot?, index}. Kök props için blockId “root” (veya root. ile başlayan path). Ya content ya ops—ikisi birden değil. Hatalar: design.block_not_found, design.op_bad_path, design.ops_or_content, design.json_parse.

Kesme noktaları ve düzen

get_layout / update_layout: maxContentWidthPx ve breakpoints. Blok props genelde breakpoint id ile anahtarlanır; breakpoint değişince bu haritaları kontrol edin. Mobil nav için ModalBlock + butonları tercih edin.

Önbellek zamanlaması

Chrome, sayfa veya bileşen kaydı önizleme chrome önbelleğini ve public page-by-route önbelleğini geçersiz kılar. Başarılı kayıttan sonra public sayfalar bileşen/chrome değişikliklerini yansıtmalıdır.

Çapa / taslak

Summary modu, blokta anchorId veya anchorKey varsa anchorId içerir. Hedefli yamalar için bunları blockId ile eşleştirin. DOM id kuralları tasarım şemasındaki çapa alanlarını izler.