レシピ@takazudo/zdtp をホストアプリに組み込むための実践的なハウツー集。ホストアプリへの @takazudo/zdtp の組み込みと拡張を、作業別に説明する実践的なレシピ集です。カスタムカラークラスターcolorExtras を持つ TabConfig を使い、デフォルト以外のパレットとセマンティックトークンテーブルをパネルの Color タブへ組み込みます。カスタムトークンマニフェストTabConfig、TierConfig、TierItem を使ってカスタムタブを宣言する — すべてのバリュー種別を含む。セカンダリクラスター:設定または無効化2 状態のセマンティクス:セカンダリ Color タブを省略して非表示にするか、id が 'color-secondary' のホスト提供 TabConfig を追加します。アプライパイプラインのセットアップAstro 以外のホストの開発スクリプトへ zdtp-server bin を組み込みます。CORS、--write-root によるサンドボックス化、ルーティング JSON を扱います。カラープリセットの遅延読み込みsetPanelColorPresets を使い、大規模なプリセットライブラリを SSR 設定 blob の外へ遅延させます。マルチ階層トークンreferencesTier を使った 2 層のロー+セマンティック設定で、セマンティックロールが指定したローティアトークンに var() 経由で解決されるようにする。グループ化パレットタブcolorExtras なしで、複数カラーグループ・OKLCH 編集・WCAG コントラストチェックを備えたスタンドアロン Palette タブを組み込む。自分(サイトオーナー)だけにパネルを読み込むowner-autoload を使い、デザイントークンパネルを自分のブラウザだけに読み込んで、一般訪問者にはパネルの JS を一切読み込ませない方法。次へカスタムカラークラスターRevision History作成更新