mcpField
B
bagisto-shop-advance-theme-development

bagisto-shop-advance-theme-development

github.com/bagistoデザイン・UI13121 回インストール2 週間前に更新
リポジトリ

bagisto-shop-advance-theme-development について

インストール済みのコマース動作とランタイム契約を維持しながら、Bagisto のストアフロントテーマを開発するスキルです。リポジトリの確認、安全な変更、テーマ有効化前の検証を案内します。

主な機能

  1. 01インストール済み Bagisto 規約の順守
  2. 02疎なビューオーバーレイの優先
  3. 03コマースと拡張機能の動作維持
  4. 04アセットと設定の安全な確認
  5. 05有効化前のビルドと検証
  6. 06明示的なロールバックの維持

活用シーン

  1. 01Bagisto のストアフロントテーマの作成
  2. 02ビューオーバーレイに必要なアセットが含まれるかの評価
  3. 03テーマ選択前のコマースフロー検証

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/bagisto/agent-skills --skill bagisto-shop-advance-theme-development

インストール後、Claude Code で/bagisto-shop-advance-theme-developmentを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

agents/
openai.yaml
assets/
override-baseline.template.json
storefront-smoke.template.spec.ts
theme-brief.template.md
theme-customization-component.contract.template.md
data/
bagisto-ui-ux.json
references/
admin-theme-customization-components.md
architecture.md
assets-build.md
bagisto-ui-ux-foundations.md
bagisto-ui-ux-interactions.md
blade-vue-events.md
cms-channels-data.md
commerce-contracts.md
commerce-design-direction.md
design-quality.md
developer-guidance.md
localization-seo-media.md
official-sources.md
references/bagisto-theme-testing/agents/
openai.yaml
references/bagisto-theme-testing/assets/
admin-storefront-propagation.template.spec.ts
runtime-contract.template.spec.ts
theme-ownership-manifest.template.json
references/bagisto-theme-testing/references/
coverage-matrix.md
dynamic-admin-control.md
playwright-engineering.md
test-data-safety.md
references/bagisto-theme-testing/scripts/
inspect_bagisto_test_surface.py
validate_ownership_manifest.py
references/bagisto-theme-testing/scripts/tests/
test_testing_tools.py

詳細

Shop Advance テーマの開発

インストール済み Bagisto のコマース、拡張機能、コンテンツ、ランタイムの契約を維持しながら、独自性のあるストアフロントを構築します。Bagisto の公式規約に従い、ドキュメントの内容を対象のチェックアウトに照らして調整し、有効化する前に動作を検証します。

絶対に守るルール

  • 作業を始める前に、適用されるリポジトリの指示ファイルをすべて読みます。
  • インストール済みのコードと設定を、実行時の信頼できる唯一の情報源として扱います。意図の確認には、公式のバージョン対応 Bagisto ソースを使用します。
  • テーマコード、表示名、名前空間、パッケージパス、チャネル、ロケール、ビルドパス、ツールのバージョン、コマンドは、すべてパラメーター化するか特定します。
  • ユーザーとリポジトリのポリシーで許可されない限り、Bagisto Shop のソース、vendor/、生成済みのビルド出力、依存関係、ロックファイル、稼働中のチャネル設定は編集しません。
  • 疎なビューオーバーレイ/パッケージを優先します。アップグレード対象となる範囲についてユーザーの同意を得た場合に限り、フルフォークを作成します。
  • インストール済みの Shop パッケージから、完全なアセットランタイムを特定します。ビューのフォールバックが Vite/JavaScript/CSS の継承を意味するわけではありません。
  • レイアウトのランタイム上の役割、レンダーイベント、コントローラー変数、ルート、フォームフィールド、API の形状、商品タイプの動作、有効な拡張機能を維持します。
  • 設定の編集はマージのみとします。兄弟テーマ、プロバイダー、自動読み込みのマッピングを削除したり、shop-default を暗黙に変更したりしません。
  • ドライランと競合チェックを行います。強制的な公開、削除、ディレクトリのシンボリックリンクへの置き換え、破壊的なデータのシード、競合の自動上書きは行いません。
  • コピー元または派生元のソースには、インストール済み Bagisto のライセンス通知を正確に維持します。配布前にテーマ独自のライセンスを明示的に選び、バンドルするすべてのアセットの再配布条件を確認します。
  • 生成されたデザインの推奨は候補として扱い、権威あるものとはみなしません。コマースの分かりやすさ、アクセシビリティ、パフォーマンス、ライセンス、マーチャントの制御、インストール済みの依存関係、Bagisto のランタイム契約を損なう提案は採用しません。
  • デザインの知見には、このスキルにバンドルされた bagisto-ui-ux の知識とジェネレーターのみを使用します。実行時に別のデザインスキルを要求、検出、インポート、呼び出ししてはいけません。
  • 「動的」、「管理画面から制御可能」、「すべての機能が動作する」は、証拠を要する主張として扱います。成功したビルドやホームページのスクリーンショットから推測せず、表示されるすべての画面と、インストール済みで有効なすべてのコマースの利用フローを洗い出します。
  • デザインツールが推奨したという理由だけで、アニメーションライブラリ、UI フレームワーク、アイコンパッケージ、リモートフォント、外部スクリプト、その他の依存関係を追加してはいけません。まずインストール済みの機能を確認し、依存関係やネットワークの変更について許可を得ます。
  • いずれかのチャネルでテーマを選択する前にビルドと検証を完了します。ロールバックの手順を明確にします。

参考ファイル — 現在のタスクに必要なものだけを読み込む

ファイル読み込むタイミング
workflow.mdワークフロー全体と完了の定義を確認するとき

必須のサブスキル: 変更を完了と判断する前に、bagisto-change-verification を使用してください。

コメント