Stencil 元件產生器：Props、State、事件與方法
建立自訂元素 TypeScript／JSX 範本，設定型別化 JSON 預設值、props、state、事件、非同步方法、watch 及可選 CSS。
stencil-component-skeleton本機處理
正在啟用本機工具…
產生設定
預設值請輸入 JSON，不接受程式運算式。方法參數限 name: type（string／number／boolean／object／any／string[]）；所有公開方法皆為 async。事件、方法、watch 仍需自行加入應用行為。
來源欄位核對日期：2026-10-18。UD5
預覽與完整輸出
設定欄位後產生，或先載入範例。
如何使用這個工具
選擇範本、設定標籤及成員，預設值用 JSON，方法參數用 name: type。產生並匯出 TSX／CSS；方法皆回傳 Promise。
不適合用在什麼情況
預設值不接受任意程式運算式。方法、事件及 watch 為起始骨架，須在 Stencil 專案中加入應用行為並編譯。