앱 홈 UI에는 Shopify Polaris 웹 구성 요소(s-* 사용자 지정 요소)를 사용하세요. 앱 홈 표면(임베디드 앱 아님)을 구축하고 s-page, s-section, s-stack, s-box, s-button 및 기타 s-* 구성 요소로 UI를 디자인할 때 사용합니다. @shopify/폴라리스 React를 사용하지 마세요. 앱 홈에는 웹 구성 요소가 필요합니다.
명령줄에서 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 웹 구성 요소(s-* 사용자 지정 요소)를 사용하세요. 앱 홈 표면(임베디드 앱 아님)을 구축하고 s-page, s-section, s-stack, s-box, s-button 및 기타 s-* 구성 요소로 UI를 디자인할 때 사용합니다. @shopify/폴라리스 React를 사용하지 마세요. 앱 홈에는 웹 구성 요소가 필요합니다. 출처: 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 웹 구성 요소(s-* 사용자 지정 요소)를 사용하세요. 앱 홈 표면(임베디드 앱 아님)을 구축하고 s-page, s-section, s-stack, s-box, s-button 및 기타 s-* 구성 요소로 UI를 디자인할 때 사용합니다. @shopify/폴라리스 React를 사용하지 마세요. 앱 홈에는 웹 구성 요소가 필요합니다. 출처: 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