theme-shopify-css-guidelines

More from niccos-shopify-workspace/shopify-cursor-skills

• theme-shopify-section-structure

  Shopify theme section structure, file organization, and schema requirements. Use when creating or modifying Shopify theme sections.

  49

• theme-shopify-javascript-standards

  JavaScript standards for Shopify themes - custom elements, file structure, and best practices. Use when writing JavaScript for Shopify theme sections.

  43

• theme-shopify-html-data-comments

  HTML structure, data attributes, and commenting guidelines for Shopify themes. Use when structuring HTML markup and adding comments to Shopify theme code.

  32

• app-shopify-polaris-web-components

  Use Shopify Polaris Web Components (s-* custom elements) for App Home UI. Use when building App Home surfaces (not embedded apps), designing UI with s-page, s-section, s-stack, s-box, s-button, and other s-* components. Do not use @shopify/polaris React - App Home requires Web Components.

  23

• app-shopify-built-for-shopify

  Enforces Built for Shopify (BFS) quality standards during Shopify app development. Use when building, reviewing, or auditing Shopify apps for BFS compliance, or when the user mentions Built for Shopify, BFS, app quality, or app store requirements.

  19

• app-shopify-app-api-patterns

  Frontend-backend communication patterns in Shopify Remix apps. Use when adding pages that need backend data, creating data mutations, using loaders and actions, handling authenticated requests, or managing session and authentication in routes.

  16