Jay4922/shopify-dawn-toolkit

ada-accessibility

The team's authoritative build-time accessibility standard for Shopify Dawn-fork themes — WCAG 2.1 AA basics, semantic HTML, ARIA (aria-label/labelledby, roles), keyboard navigation, focus management, screen-reader compatibility, forms, image alt text, and…

원문 언어: 영어

figma-to-shopify

Convert Figma designs into Shopify Dawn-fork theme sections through a fixed three-phase flow — analyze the whole Figma, then produce a complete project document, then build sections from that document. Use whenever the user shares a Figma URL/node ID, starts…

원문 언어: 영어

performance

The team's authoritative performance standard for Shopify Dawn-fork themes — lazy-loading (the golden rule), Core Web Vitals (LCP/CLS/INP), image optimization (image_url/widths/sizes), critical rendering path, JS/CSS optimization, bundle size, and third-party…

원문 언어: 영어

seo

The team's authoritative SEO standard for Shopify Dawn-fork themes — heading hierarchy (one h1, configurable heading_tag), semantic HTML, structured data / JSON-LD (FAQPage, BreadcrumbList, Article, VideoObject, no duplicates), metadata and canonical URLs,…

원문 언어: 영어

shopify-javascript

The team's authoritative standard for theme JavaScript in Dawn-fork Shopify projects — the single shared assets/custom.js file, guarded custom elements, theme-editor (shopify:section:*) compatibility, AJAX cart interactions, Swiper 11 sliders, DOM/event…

원문 언어: 영어

shopify-liquid

The team's authoritative Shopify Liquid coding standard for Dawn-fork themes, combined with Shopify's official theme architecture and Liquid language reference — section/snippet file structure, schema (settings, blocks, the mandatory color/background +…

원문 언어: 영어

tailwind-css

Team CSS architecture and Tailwind v4 conventions for Shopify Dawn theme projects. Use this skill whenever the user mentions Tailwind, utility classes, css/application.css, styling any section or component, fonts, color schemes, breakpoints, overriding Dawn…

원문 언어: 영어