shopify-polaris-web-components
✓アプリのホーム UI には Shopify Polaris Web コンポーネント (s-* カスタム要素) を使用します。 App Home サーフェス (埋め込みアプリではない) を構築する場合、s-page、s-section、s-stack、s-box、s-button、およびその他の s-* コンポーネントを使用して UI を設計する場合に使用します。 @shopify/polaris React は使用しないでください - アプリ ホームには Web コンポーネントが必要です。
SKILL.md
Use this skill when building UI for Shopify App Home surfaces using Polaris Web Components.
Important: App Home uses Polaris Web Components (s- elements), NOT Polaris React (@shopify/polaris). These are different technologies.
| Feature | Polaris React | Polaris Web Components |
アプリのホーム UI には Shopify Polaris Web コンポーネント (s-* カスタム要素) を使用します。 App Home サーフェス (埋め込みアプリではない) を構築する場合、s-page、s-section、s-stack、s-box、s-button、およびその他の s-* コンポーネントを使用して UI を設計する場合に使用します。 @shopify/polaris React は使用しないでください - アプリ ホームには Web コンポーネントが必要です。 ソース: tamiror6/shopify-app-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/tamiror6/shopify-app-skills --skill shopify-polaris-web-components- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-11
- 更新日
- 2026-02-18
クイックアンサー
shopify-polaris-web-components とは？
アプリのホーム UI には Shopify Polaris Web コンポーネント (s-* カスタム要素) を使用します。 App Home サーフェス (埋め込みアプリではない) を構築する場合、s-page、s-section、s-stack、s-box、s-button、およびその他の s-* コンポーネントを使用して UI を設計する場合に使用します。 @shopify/polaris React は使用しないでください - アプリ ホームには Web コンポーネントが必要です。 ソース: tamiror6/shopify-app-skills。
shopify-polaris-web-components のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/tamiror6/shopify-app-skills --skill shopify-polaris-web-components インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/tamiror6/shopify-app-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-11