アプリのホーム UI には Shopify Polaris Web コンポーネント (s-* カスタム要素) を使用します。 App Home サーフェス (埋め込みアプリではない) を構築する場合、s-page、s-section、s-stack、s-box、s-button、およびその他の s-* コンポーネントを使用して UI を設計する場合に使用します。 @shopify/polaris React は使用しないでください - アプリ ホームには Web コンポーネントが必要です。
コマンドラインで app-shopify-polaris-web-components AI スキルを開発環境にすばやくインストール
ソース: niccos-shopify-workspace/shopify-cursor-skills。
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 コンポーネントが必要です。 ソース: niccos-shopify-workspace/shopify-cursor-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/niccos-shopify-workspace/shopify-cursor-skills --skill app-shopify-polaris-web-componentsBrowse more skills from niccos-shopify-workspace/shopify-cursor-skills
アプリのホーム UI には Shopify Polaris Web コンポーネント (s-* カスタム要素) を使用します。 App Home サーフェス (埋め込みアプリではない) を構築する場合、s-page、s-section、s-stack、s-box、s-button、およびその他の s-* コンポーネントを使用して UI を設計する場合に使用します。 @shopify/polaris React は使用しないでください - アプリ ホームには Web コンポーネントが必要です。 ソース: niccos-shopify-workspace/shopify-cursor-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/niccos-shopify-workspace/shopify-cursor-skills --skill app-shopify-polaris-web-components インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/niccos-shopify-workspace/shopify-cursor-skills