拖拽方框，佈局引擎推斷Flexbox（無AI）
一個互動式Flexbox佈局遊樂場，使用者可以透過拖拽、多選、調整大小等操作，觀察佈局引擎即時推斷Flexbox屬性。無需AI，純手動互動。
這個名為“Show HN”的專案提供了一個獨特的互動式Flexbox佈局遊樂場。使用者可以直接在瀏覽器中拖拽各種方框，透過直觀的操作來理解Flexbox佈局的工作原理。與依賴AI推斷不同，這個工具完全基於手動互動：拖拽空白區域可以多選多個元素，按住Ctrl鍵並單擊可以新增新元素。每個元素組都有一個虛線輪廓，使用者可以透過拖拽該輪廓來移動整個組，而角落的拖拽手柄則用於調整大小。要刪除元素，只需雙擊或按Del鍵；右鍵單擊已選中的元素可以觸發對齊操作。該遊樂場即時顯示佈局引擎如何根據使用者的操作推斷並應用Flexbox屬性，非常適合前端開發者學習和實驗Flexbox佈局。