shopify-polaris-design
✓Polaris Design System を使用して Shopify 管理インターフェイスを設計および実装します。このスキルは、Shopify アプリ、管理拡張機能、または Shopify にネイティブである必要があるインターフェースを構築するときに使用します。
SKILL.md
This skill ensures that interfaces are built using Shopify's Polaris Design System (React implementation v13.x), guaranteeing a native, accessible, and professional look and feel for Shopify Merchants.
Note (2025-2026): Polaris React (@shopify/polaris) is in maintenance mode. Shopify has introduced Polaris Web Components for new development. However, Polaris React remains fully functional and supported for existing applications. This guide covers the React implementation.
Many UI components are now handled by App Bridge instead of Polaris React:
Polaris Design System を使用して Shopify 管理インターフェイスを設計および実装します。このスキルは、Shopify アプリ、管理拡張機能、または Shopify にネイティブである必要があるインターフェースを構築するときに使用します。 ソース: toilahuongg/shopify-agents-kit。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/toilahuongg/shopify-agents-kit --skill shopify-polaris-design- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-03
- 更新日
- 2026-02-18
クイックアンサー
shopify-polaris-design とは？
Polaris Design System を使用して Shopify 管理インターフェイスを設計および実装します。このスキルは、Shopify アプリ、管理拡張機能、または Shopify にネイティブである必要があるインターフェースを構築するときに使用します。 ソース: toilahuongg/shopify-agents-kit。
shopify-polaris-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/toilahuongg/shopify-agents-kit --skill shopify-polaris-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/toilahuongg/shopify-agents-kit
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-03