メインコンテンツへ移動
学習に戻る
10作成読了目安 12 分中級

ガイド 10 · クリエーション

Full Skin の下書きを作成する

Studio が収集するのは、範囲を限定した宣言と元画像です。パッケージの JavaScript、CSS、アーカイブ構造、ダイジェストは、作者ではなく信頼できるジェネレーターが生成します。

最終検証日
2026年9月6日
ガイドのソース基準
0.1.3-alpha.1
インストール状況
選択した項目の記録を確認
検証済みの範囲
  • Studio の画像とトークンの制約
  • 宣言的な FullSkinManifestV3 入力
  • シミュレーションプレビューの境界
このページについて
  1. 宣言的な境界の中で作業する
  2. 信頼できるジェネレーターが担う範囲を理解する
  3. 視覚的なアイデアを下書きに変える

宣言的な境界の中で作業する

  1. 01

    条件を満たす元画像をアップロードする

    現在の Studio が受け付けるのは、バイト数、総ピクセル数、寸法、ページ数、短辺の制限を満たし、デコード可能な JPEG、PNG、WebP です。

  2. 02

    焦点と管理されたプリセットを設定する

    画像の焦点を選び、glass、outline、glow の各パラメーターを調整します。範囲を限定したこれらの入力が、生成結果を決めます。

  3. 03

    13 組のトークンをすべて入力する

    固定された各セマンティックトークンに、有効な light / dark の 16 進値を指定し、コントラストエラーを解消します。

  4. 04

    出典と利用権を申告する

    画像がオリジナル、ユーザー所有、ライセンス取得済み、パブリックドメイン、生成物のいずれかを記録します。ライセンス素材には、必要な出典情報も入力します。

  5. 05

    下書きを保存して投稿する

    宣言内容を下書きとして確認します。投稿するとモデレーションが始まりますが、シミュレーションプレビューがそのまま公開証拠になるわけではありません。

信頼できるジェネレーターが担う範囲を理解する

  • 作者が投稿するのは JSON 宣言と画像入力です。CSS、HTML、JavaScript、依存関係、ライフサイクルスクリプトは投稿できません。
  • ジェネレーターは、固定されたホスト / Client 統合、Skin CSS、コンテンツアドレスで識別する WebP アセット、manifest、tar、.tgz を作成します。
  • 生成 CSS が対象にできるのは、認定済みセレクターカタログだけです。同じパッケージ内で、コンテンツアドレスにより識別されたアセットを参照できます。
  • 必須の 5 役割は background、sidebar、card、preview-light、preview-dark です。独立した暗色画像には background-dark と sidebar-dark を追加でき、modeBackgrounds で各モードの背景を参照します。実行中の画面のスクリーンショットは preview にのみ使い、背景原画と区別します。
  • モデレーション証拠がすべてそろった後に、最終成果物を再ビルドします。下書きの要約は公開許可ではありません。

作成を始め、次へ進む

視覚的なアイデアを下書きに変える

明確な視覚的な主題を選択し、明るいアートワークと暗いアートワークを別々に用意します。 Studio を使用してサーフェスとアセットを記述し、公開をリクエストする前にターゲット Harness 内で構築されたドラフトをテストします。

text
別々の明るいアセットと暗いアセットを使用して、このアートワークからフル スキン ドラフトを作成します。読みやすいテキストと表示されるコントロールを保持します。ソースとライセンス情報をリストし、ドラフトをビルドし、ターゲット Harness でテストしてから、準備完了と判断します。
試すプロンプト

よくある質問

変更を行う前に

フォーマット、互換性、証拠、ロールバックに関する回答

このガイドでは何を確認しますか?

このガイドの対象:Studio の画像とトークンの制約、宣言的な FullSkinManifestV3 入力、シミュレーションプレビューの境界

最初に何をすべきですか?

Studio が収集するのは、範囲を限定した宣言と元画像です。パッケージの JavaScript、CSS、アーカイブ構造、ダイジェストは、作者ではなく信頼できるジェネレーターが生成します。

最も重要な境界は何ですか?

アートワークの配置やトークンを調整できますが、最終的な .tgz を DSH で実行したスクリーンショットではありません。Full Skin は、シミュレーションプレビューのメタデータだけでは公開審査を通過できません。

生成された画像のみを送信できますか?

イメージからデザインを開始できますが、公開可能なスキンには、宣言的な構成、ソースと権利の詳細、ビルドされたパッケージ、および実行時チェックも必要です。

学習を続ける

検証済みの証拠から続ける

公開済みのアーティファクトを比較するか、インストール手順に戻ります。