Playground

ブラウザ上で Strand を編集 → コンパイル → プレビューできる。コンパイラ（@strand/compiler）とランタイム（@strand/runtime）はブラウザ内で動く。左で編集すると右に結果が出る。例を選ぶ… から 機能別カタログの各例を読み込める。

例を選ぶ…01-slot-and-reducer.strand02-nominal-type.strand03-union-and-match.strand04-record-and-copy.strand05-pure-fn.strand06-if-expression.strand07-list.strand08-map.strand09-set.strand10-option.strand11-time-and-duration.strand12-layout.strand13-text-input-bind.strand14-select.strand15-checkbox.strand16-conditional-ui.strand17-theme.strand18-routing.strand19-effect-http.strand20-effect-storage.strand21-timer.strand22-result.strand23-lifecycle-route-enter.strand24-fold.strand…

# Feature: slot (state) + reducer (update) + tile (view) # The smallest possible state cycle. slot count : Int = 0 reducer inc on=ui.click(IncBtn) do= count := count + 1 tile IncBtn = button(text="+1", onClick=inc) tile App = column(heading("Count: " + count.show), IncBtn) app SlotAndReducer caps = [] routes = {"/" -> App, "/404" -> App} init = []

…

WebMCP

このページは WebMCP 対応ブラウザ/エージェント向けに、navigator.modelContext.registerTool でツールを公開する（対応環境でのみ有効）。

ツール	用途
strand_compile	渡した Strand ソースをコンパイルし、成否と診断を返す（read-only）
strand_list_examples	playground の機能別例の一覧を返す（read-only）
strand_load_example	名前を指定して例をエディタに読み込む
strand_set_source	エディタのソースを差し替えてプレビューする

ローカル CLI / エディタ統合用には、stdio で動く @strand/mcp サーバーもある。