@goldencomm/create-baseline 0.0.1

package/templates/shopify-theme/locales/en.default.schema.json

@@ -0,0 +1,131 @@
+{
+  "blocks": {
+    "button_name": "Button",
+    "buttons_name": "Buttons",
+    "typography_name": "Typography",
+    "accordion_name": "Accordion",
+    "accordion_group_name": "Accordion group",
+    "badge_name": "Badge",
+    "tags_name": "Tags",
+    "alert_name": "Alert",
+    "card_name": "Card",
+    "avatar_name": "Avatar",
+    "avatar_group_name": "Avatar group",
+    "spinner_name": "Spinner",
+    "skeleton_name": "Skeleton",
+    "modal_name": "Modal",
+    "modal_media_name": "Modal media",
+    "modal_header_name": "Modal header",
+    "modal_body_name": "Modal body",
+    "modal_footer_name": "Modal footer",
+    "popover_name": "Popover",
+    "tooltip_name": "Tooltip",
+    "breadcrumb_name": "Breadcrumb",
+    "tabs_name": "Tabs",
+    "tab_name": "Tab",
+    "split_name": "Split",
+    "column_name": "Column",
+    "image_name": "Image",
+    "text_name": "Text",
+    "carousel_name": "Carousel",
+    "carousel_slide_name": "Carousel slide"
+  },
+  "settings": {
+    "label": "Label",
+    "url": "Link",
+    "variant": "Variant",
+    "source": "Source",
+    "product": "Product",
+    "product_info": "Leave empty to use the product in context (on a product page).",
+    "size": "Size",
+    "size_css_info": "A CSS length, e.g. 2rem",
+    "heading": "Heading",
+    "title": "Title",
+    "description": "Description",
+    "content": "Content",
+    "image": "Image",
+    "fallback": "Fallback initials",
+    "badge": "Badge",
+    "count": "Overflow count",
+    "button_label": "Button label",
+    "button_url": "Button link",
+    "trigger_label": "Trigger label",
+    "close_label": "Close label",
+    "home_label": "Home label",
+    "dismissible": "Dismiss on outside click",
+    "show_close": "Show corner close button",
+    "video": "Video",
+    "video_url": "External video URL",
+    "action_label": "Action label",
+    "action_url": "Action link",
+    "width": "Width",
+    "height": "Height",
+    "open": "Open by default",
+    "open_info": "Stays open by default in the theme editor to preview nested blocks",
+    "group": "Single-open group",
+    "group_info": "Items sharing a name open one at a time",
+    "col_min": "Column min width",
+    "gap": "Gap",
+    "align": "Alignment",
+    "square": "Square crop",
+    "level": "Heading level",
+    "display": "Large display heading",
+    "body": "Body",
+    "lead": "Lead paragraph",
+    "muted": "Muted text",
+    "icon": "Icon",
+    "icon_info": "Auto follows the variant; choose one, or None to hide it",
+    "arrows": "Arrows",
+    "dots": "Dots",
+    "keyboard": "Keyboard navigation",
+    "loop": "Loop",
+    "space_between": "Space between slides"
+  },
+  "icon": {
+    "auto": "Auto (follows variant)",
+    "none": "None",
+    "info": "Info",
+    "circle-check": "Check circle",
+    "circle-alert": "Alert circle",
+    "circle-x": "X circle",
+    "triangle-alert": "Warning triangle",
+    "octagon-alert": "Alert octagon",
+    "shield-alert": "Shield alert",
+    "bell": "Bell",
+    "star": "Star",
+    "zap": "Zap",
+    "lightbulb": "Lightbulb"
+  },
+  "align": {
+    "start": "Start",
+    "center": "Center",
+    "stretch": "Stretch",
+    "end": "End"
+  },
+  "variant": {
+    "none": "None",
+    "default": "Default",
+    "block": "Block",
+    "text": "Text",
+    "primary": "Primary",
+    "secondary": "Secondary",
+    "outline": "Outline",
+    "ghost": "Ghost",
+    "error": "Error",
+    "success": "Success",
+    "warning": "Warning"
+  },
+  "source": {
+    "tags": "Tags",
+    "collections": "Collections"
+  },
+  "size": {
+    "small": "Small",
+    "medium": "Medium",
+    "large": "Large"
+  },
+  "sections": {
+    "components_name": "Baseline components",
+    "hero_name": "Hero (split)"
+  }
+}

package/templates/shopify-theme/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@goldencomm/baseline-shopify",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "description": "Baseline Shopify OS 2.0 theme — consumes @goldencomm/ds-core tokens + the gcds-button contract as theme blocks (Button + a Buttons container that only accepts Button children). The starter template for new Shopify themes.",
+  "scripts": {
+    "build": "node scripts/sync-tokens.mjs",
+    "dev": "node --watch-path=../../packages/ds-core/dist scripts/sync-tokens.mjs",
+    "shopify:dev": "shopify theme dev",
+    "shopify:push": "shopify theme push",
+    "shopify:pull": "shopify theme pull",
+    "clean": "echo \"(nothing to clean)\"",
+    "lint": "echo \"(no lint configured yet)\"",
+    "typecheck": "echo \"(no TS in this package)\"",
+    "test": "echo \"(no tests yet)\""
+  },
+  "devDependencies": {
+    "@goldencomm/ds-core": "workspace:*"
+  }
+}

package/templates/shopify-theme/scripts/sync-tokens.mjs

@@ -0,0 +1,32 @@
+/**
+ * Sync compiled design-system CSS into the theme.
+ *
+ * layout/theme.liquid loads assets/baseline.css, which defines the token custom
+ * properties (var(--color-*), var(--button-*), var(--space-*)) and the gcds-*
+ * component styles the Button block relies on. This copies @goldencomm/ds-core's
+ * compiled `baseline.css` into assets/ so the theme stays in lockstep with the
+ * tokens. Run via `pnpm build` (Turbo orders it after ds-core) or `pnpm dev`
+ * (re-syncs on every ds-core rebuild).
+ *
+ * The asset is committed (like wp-theme's) so the theme is self-contained and
+ * `shopify theme push` works without a prior build on a fresh checkout.
+ */
+import { createRequire } from "node:module";
+import { copyFileSync, mkdirSync, statSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, resolve } from "node:path";
+
+const require = createRequire(import.meta.url);
+const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+
+let src;
+try {
+  src = require.resolve("@goldencomm/ds-core/baseline");
+} catch {
+  src = resolve(ROOT, "../../packages/ds-core/dist/baseline.css"); // monorepo fallback
+}
+
+mkdirSync(resolve(ROOT, "assets"), { recursive: true });
+const dest = resolve(ROOT, "assets/baseline.css");
+copyFileSync(src, dest);
+console.log(`✓ shopify-theme: synced baseline.css from ds-core (${statSync(dest).size} bytes → assets/baseline.css)`);

package/templates/shopify-theme/sections/baseline-components.liquid

@@ -0,0 +1,81 @@
+{%- comment -%}
+  Baseline components showcase. Accepts any theme block (@theme) — drop a Buttons
+  group (which in turn accepts only Button blocks) or future Baseline blocks here.
+{%- endcomment -%}
+<div class="baseline-components">
+  {%- if section.settings.heading != blank -%}
+    <h2 class="baseline-components__heading">{{ section.settings.heading | escape }}</h2>
+  {%- endif -%}
+  {% content_for 'blocks' %}
+</div>
+
+{% stylesheet %}
+  .baseline-components {
+    max-width: var(--container-max, 1280px);
+    margin-inline: auto;
+    padding: var(--gcds-space-12, 3rem) var(--gcds-space-6, 1.5rem);
+  }
+  .baseline-components__heading { margin: 0 0 var(--gcds-space-6, 1.5rem); }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.components_name",
+  "tag": "section",
+  "class": "section-baseline-components",
+  "settings": [
+    { "type": "text", "id": "heading", "label": "t:settings.heading", "default": "Baseline components" }
+  ],
+  "blocks": [{ "type": "@theme" }],
+  "presets": [
+    { "name": "t:sections.components_name" },
+    {
+      "name": "t:sections.hero_name",
+      "settings": { "heading": "" },
+      "blocks": {
+        "split": {
+          "type": "split",
+          "blocks": {
+            "content": {
+              "type": "column",
+              "settings": { "gap": "var(--gcds-space-5)", "align": "flex-start" },
+              "blocks": {
+                "badge": { "type": "badge", "settings": { "label": "🚀 Launch Faster", "variant": "outline" } },
+                "text": {
+                  "type": "text",
+                  "settings": {
+                    "heading": "All-in-One Platform for Managing Your SaaS",
+                    "level": "h1",
+                    "display": true,
+                    "body": "Streamline operations, track metrics, and scale your SaaS business with ease. Everything you need, in one powerful dashboard.",
+                    "lead": true,
+                    "muted": true
+                  }
+                },
+                "ctas": {
+                  "type": "buttons",
+                  "blocks": {
+                    "b1": { "type": "button", "settings": { "label": "Start Free Trial", "variant": "primary" } },
+                    "b2": { "type": "button", "settings": { "label": "Request a Demo", "variant": "outline" } }
+                  },
+                  "block_order": ["b1", "b2"]
+                }
+              },
+              "block_order": ["badge", "text", "ctas"]
+            },
+            "media": {
+              "type": "column",
+              "blocks": {
+                "img": { "type": "image", "settings": { "square": true } }
+              },
+              "block_order": ["img"]
+            }
+          },
+          "block_order": ["content", "media"]
+        }
+      },
+      "block_order": ["split"]
+    }
+  ]
+}
+{% endschema %}

package/templates/shopify-theme/skills-lock.json

@@ -0,0 +1,23 @@
+{
+  "version": 1,
+  "skills": {
+    "shopify-liquid": {
+      "source": "Shopify/shopify-ai-toolkit",
+      "sourceType": "github",
+      "skillPath": "skills/shopify-liquid/SKILL.md",
+      "computedHash": "93ad9ea8f9a7466d21dbea8aa4f8d105c99c4972422b87eb34fc6e93c79e98a4"
+    },
+    "shopify-dev": {
+      "source": "Shopify/shopify-ai-toolkit",
+      "sourceType": "github",
+      "skillPath": "skills/shopify-dev/SKILL.md",
+      "computedHash": "c7baaa0c5ae92da7dc7f9fe9cbf14a4d34368c0f3775c4852c102503d01b4a5a"
+    },
+    "shopify-use-shopify-cli": {
+      "source": "Shopify/shopify-ai-toolkit",
+      "sourceType": "github",
+      "skillPath": "skills/shopify-use-shopify-cli/SKILL.md",
+      "computedHash": "76b8b230805755f684b13936d43b9c9d674761c87c2bab66b54fa96a1e35b9f2"
+    }
+  }
+}

package/templates/shopify-theme/snippets/lucide.liquid

@@ -0,0 +1,34 @@
+{% doc %}
+  Renders ONE inline Lucide SVG (currentColor stroke) from a curated subset shared by
+  the DS blocks. Canonical icon set = Lucide (repo CLAUDE.md). Decorative (aria-hidden).
+  Blank / 'none' / unknown name renders nothing. To add icons, copy the node markup from
+  node_modules/lucide-react/dist/esm/icons/<name>.mjs; keep in sync with the WP helper
+  (wp-blocks-plugin/inc/lucide.php).
+
+  @param {string} icon - Lucide name (see the case below)
+  @param {string} [size] - width/height (default 1em; Alert overrides via --gcds-alert-icon-size)
+  @example
+  {% render 'lucide', icon: 'circle-check' %}
+{% enddoc %}
+{%- liquid
+  assign icon = icon | default: '' | strip
+  assign size = size | default: '1em'
+-%}
+{%- if icon != '' and icon != 'none' -%}
+<svg xmlns="http://www.w3.org/2000/svg" width="{{ size }}" height="{{ size }}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+{%- case icon -%}
+  {%- when 'info' -%}<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>
+  {%- when 'circle-check' -%}<circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/>
+  {%- when 'circle-alert' -%}<circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/>
+  {%- when 'circle-x' -%}<circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/>
+  {%- when 'triangle-alert' -%}<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>
+  {%- when 'octagon-alert' -%}<path d="M12 16h.01"/><path d="M12 8v4"/><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/>
+  {%- when 'shield-alert' -%}<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="M12 8v4"/><path d="M12 16h.01"/>
+  {%- when 'bell' -%}<path d="M10.268 21a2 2 0 0 0 3.464 0"/><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"/>
+  {%- when 'star' -%}<path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"/>
+  {%- when 'zap' -%}<path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/>
+  {%- when 'lightbulb' -%}<path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/>
+  {%- when 'x' -%}<path d="M18 6 6 18"/><path d="m6 6 12 12"/>
+{%- endcase -%}
+</svg>
+{%- endif -%}

package/templates/shopify-theme/snippets/pagination.liquid

@@ -0,0 +1,44 @@
+{% doc %}
+  Renders Baseline pagination (.gcds-pagination) from a Shopify `paginate` object. Page
+  links reuse the Button classes (ghost; the current page is outline + aria-current).
+  Styled by pagination.css in baseline.css. Zero JS.
+
+  @param {object} paginate - The paginate object from a {% paginate %} block.
+
+  @example
+  {% paginate collection.products by 12 %}
+    {% comment %} … product grid … {% endcomment %}
+    {% render 'pagination', paginate: paginate %}
+  {% endpaginate %}
+{% enddoc %}
+{%- if paginate.pages > 1 -%}
+  <nav class="gcds-pagination" role="navigation" aria-label="Pagination">
+    <ul class="gcds-pagination__list">
+      {%- if paginate.previous -%}
+        <li>
+          <a class="gcds-button gcds-button--ghost gcds-button--md" href="{{ paginate.previous.url }}" aria-label="Go to previous page">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6" /></svg>
+            {{ paginate.previous.title }}
+          </a>
+        </li>
+      {%- endif -%}
+      {%- for part in paginate.parts -%}
+        {%- if part.is_link -%}
+          <li><a class="gcds-button gcds-button--ghost gcds-button--icon gcds-button--md" href="{{ part.url }}">{{ part.title }}</a></li>
+        {%- elsif part.title == paginate.current_page -%}
+          <li><a class="gcds-button gcds-button--outline gcds-button--icon gcds-button--md" href="#" aria-current="page">{{ part.title }}</a></li>
+        {%- else -%}
+          <li><span class="gcds-pagination__ellipsis" aria-hidden="true">{{ part.title }}</span></li>
+        {%- endif -%}
+      {%- endfor -%}
+      {%- if paginate.next -%}
+        <li>
+          <a class="gcds-button gcds-button--ghost gcds-button--md" href="{{ paginate.next.url }}" aria-label="Go to next page">
+            {{ paginate.next.title }}
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6" /></svg>
+          </a>
+        </li>
+      {%- endif -%}
+    </ul>
+  </nav>
+{%- endif -%}

package/templates/shopify-theme/templates/collection.json

@@ -0,0 +1,13 @@
+{
+  "sections": {
+    "breadcrumb": {
+      "type": "baseline-components",
+      "settings": { "heading": "" },
+      "blocks": {
+        "crumb": { "type": "breadcrumb", "settings": { "home_label": "Home" } }
+      },
+      "block_order": ["crumb"]
+    }
+  },
+  "order": ["breadcrumb"]
+}

package/templates/shopify-theme/templates/gift_card.liquid

@@ -0,0 +1,5 @@
+{% comment %}
+  Gift card template — placeholder so the theme validates and `shopify theme dev`
+  doesn't error on a missing gift_card template. Intentionally minimal; build out the
+  real gift-card UI (code, QR, balance via the {{ gift_card }} object) when needed.
+{% endcomment %}

package/templates/shopify-theme/templates/index.json

@@ -0,0 +1,135 @@
+{
+  "sections": {
+    "components": {
+      "type": "baseline-components",
+      "settings": {
+        "heading": "Baseline components"
+      },
+      "blocks": {
+        "typography": {
+          "type": "typography"
+        },
+        "variants": {
+          "type": "buttons",
+          "settings": { "heading": "Variants" },
+          "blocks": {
+            "v-primary":     { "type": "button", "settings": { "label": "Primary",     "variant": "primary",     "size": "md" } },
+            "v-secondary":   { "type": "button", "settings": { "label": "Secondary",   "variant": "secondary",   "size": "md" } },
+            "v-outline":     { "type": "button", "settings": { "label": "Outline",     "variant": "outline",     "size": "md" } },
+            "v-ghost":       { "type": "button", "settings": { "label": "Ghost",       "variant": "ghost",       "size": "md" } },
+            "v-error": { "type": "button", "settings": { "label": "Error", "variant": "error", "size": "md" } }
+          },
+          "block_order": ["v-primary", "v-secondary", "v-outline", "v-ghost", "v-error"]
+        },
+        "sizes": {
+          "type": "buttons",
+          "settings": { "heading": "Sizes" },
+          "blocks": {
+            "s-sm": { "type": "button", "settings": { "label": "Small",  "variant": "primary", "size": "sm" } },
+            "s-md": { "type": "button", "settings": { "label": "Medium", "variant": "primary", "size": "md" } },
+            "s-lg": { "type": "button", "settings": { "label": "Large",  "variant": "primary", "size": "lg" } }
+          },
+          "block_order": ["s-sm", "s-md", "s-lg"]
+        },
+        "badge-default": { "type": "badge", "settings": { "label": "New", "variant": "default" } },
+        "badge-success": { "type": "badge", "settings": { "label": "Live", "variant": "success" } },
+        "badge-outline": { "type": "badge", "settings": { "label": "Beta", "variant": "outline" } },
+        "alert-demo": { "type": "alert", "settings": { "title": "Heads up", "content": "This is an informational message.", "variant": "success" } },
+        "card-demo": {
+          "type": "card",
+          "settings": { "title": "Card title", "description": "Supporting copy.", "button_label": "Learn more" },
+          "blocks": {
+            "card-body": { "type": "text", "settings": { "heading": "", "body": "The content region holds the card's main body copy." } }
+          },
+          "block_order": ["card-body"]
+        },
+        "avatar-demo": { "type": "avatar", "settings": { "fallback": "JD", "size": "lg" } },
+        "spinner-demo": { "type": "spinner", "settings": { "label": "Loading", "size": "2rem" } },
+        "modal-demo": {
+          "type": "modal",
+          "settings": { "trigger_label": "Open modal", "dismissible": true, "show_close": true },
+          "blocks": {
+            "modal-hd": { "type": "_modal-header", "settings": { "title": "Edit profile", "content": "Make changes, then save." } },
+            "modal-bd": { "type": "_modal-body", "settings": { "content": "<p>Update your name and email, then save your changes.</p>" } },
+            "modal-ft": { "type": "_modal-footer", "settings": { "close_label": "Cancel", "action_label": "Save changes" } }
+          },
+          "block_order": ["modal-hd", "modal-bd", "modal-ft"]
+        },
+        "popover-demo": { "type": "popover", "settings": { "trigger_label": "Details", "content": "<p>Anything can go here.</p>" } },
+        "tooltip-demo": { "type": "tooltip", "settings": { "trigger_label": "Hover me", "content": "A helpful, non-essential hint." } },
+        "breadcrumb-demo": { "type": "breadcrumb", "settings": { "home_label": "Home" } },
+        "tabs-demo": {
+          "type": "tabs",
+          "blocks": {
+            "tab-1": {
+              "type": "tab",
+              "settings": { "title": "Account" },
+              "blocks": { "tab-1-a": { "type": "alert", "settings": { "title": "Account", "content": "Manage your account here." } } },
+              "block_order": ["tab-1-a"]
+            },
+            "tab-2": {
+              "type": "tab",
+              "settings": { "title": "Billing" },
+              "blocks": { "tab-2-b": { "type": "badge", "settings": { "label": "Pro", "variant": "success" } } },
+              "block_order": ["tab-2-b"]
+            }
+          },
+          "block_order": ["tab-1", "tab-2"]
+        },
+        "faq": {
+          "type": "accordion-group",
+          "blocks": {
+            "a-1": {
+              "type": "_accordion",
+              "settings": { "heading": "What is Baseline?", "open": true },
+              "blocks": { "a-1-t": { "type": "text", "settings": { "heading": "", "body": "A multi-target design system — one set of tokens and component contracts across React, HTML, WordPress, and Shopify." } } },
+              "block_order": ["a-1-t"]
+            },
+            "a-2": {
+              "type": "_accordion",
+              "settings": { "heading": "Does the accordion ship any JavaScript?" },
+              "blocks": { "a-2-t": { "type": "text", "settings": { "heading": "", "body": "No — it is native details/summary, so it works with zero JavaScript." } } },
+              "block_order": ["a-2-t"]
+            },
+            "a-3": {
+              "type": "_accordion",
+              "settings": { "heading": "How is only one open at a time?" },
+              "blocks": { "a-3-t": { "type": "text", "settings": { "heading": "", "body": "The items share one name; the browser enforces single-open natively." } } },
+              "block_order": ["a-3-t"]
+            }
+          },
+          "block_order": ["a-1", "a-2", "a-3"]
+        },
+        "carousel-demo": {
+          "type": "carousel",
+          "blocks": {
+            "c-1": { "type": "_carousel-slide", "blocks": { "c-1-i": { "type": "image" } }, "block_order": ["c-1-i"] },
+            "c-2": { "type": "_carousel-slide", "blocks": { "c-2-i": { "type": "image" } }, "block_order": ["c-2-i"] },
+            "c-3": { "type": "_carousel-slide", "blocks": { "c-3-i": { "type": "image" } }, "block_order": ["c-3-i"] }
+          },
+          "block_order": ["c-1", "c-2", "c-3"]
+        }
+      },
+      "block_order": [
+        "typography",
+        "variants",
+        "sizes",
+        "badge-default",
+        "badge-success",
+        "badge-outline",
+        "alert-demo",
+        "card-demo",
+        "avatar-demo",
+        "spinner-demo",
+        "modal-demo",
+        "popover-demo",
+        "tooltip-demo",
+        "breadcrumb-demo",
+        "tabs-demo",
+        "faq",
+        "carousel-demo"
+      ]
+    }
+  },
+  "order": ["components"]
+}

package/templates/shopify-theme/templates/list-collections.json

@@ -0,0 +1,13 @@
+{
+  "sections": {
+    "breadcrumb": {
+      "type": "baseline-components",
+      "settings": { "heading": "" },
+      "blocks": {
+        "crumb": { "type": "breadcrumb", "settings": { "home_label": "Home" } }
+      },
+      "block_order": ["crumb"]
+    }
+  },
+  "order": ["breadcrumb"]
+}

package/templates/shopify-theme/templates/product.json

@@ -0,0 +1,13 @@
+{
+  "sections": {
+    "breadcrumb": {
+      "type": "baseline-components",
+      "settings": { "heading": "" },
+      "blocks": {
+        "crumb": { "type": "breadcrumb", "settings": { "home_label": "Home" } }
+      },
+      "block_order": ["crumb"]
+    }
+  },
+  "order": ["breadcrumb"]
+}

package/templates/wordpress/.claude/CLAUDE.md

@@ -0,0 +1,37 @@
+# CLAUDE.md — Baseline WordPress site
+
+A GoldenComm WordPress site built on the Baseline design system. Traditional
+WP-root + Composer + DDEV (see `../../docs/wp-baseline-scope.md`).
+
+## Conventions
+- **Block-theme first.** The active theme is `baseline` (parent block theme). Prefer
+  **core blocks + patterns + `theme.json`** over custom blocks; reach for the
+  `goldencomm/wp-blocks-plugin` only when core can't express something.
+- **Composer owns plugins + theme.** Don't commit `wp-content/plugins/*`, WP core, or
+  `vendor/`. Add a plugin via `composer require`, not the dashboard.
+- **Secrets in `.env`** (gitignored); licensed-plugin creds in `auth.json` (from
+  `auth.json.example`). Never commit either.
+- **WP-CLI is `ddev wp …`.** Regenerate thumbnails with `ddev wp media regenerate`
+  (no plugin needed).
+
+## Local workflow (DDEV — inside WSL2 on Windows)
+```bash
+cp auth.json.example auth.json   # fill in ACF / Gravity / Bitbucket creds
+ddev start                       # boots stack, runs composer install
+ddev seed                        # installs core, activates theme+plugins, seeds content
+ddev launch                      # open the site
+```
+
+## Skills available (see skills-lock.json)
+WordPress: `wp-block-themes`, `wp-block-development`, `wp-plugin-development`,
+`wp-rest-api`, `wp-performance`. Figma: `figma-implement-design` (implement client
+designs into block templates/patterns). The `web-dev` plugin's WP skills read
+`.claude/web-dev.local.md`.
+
+> No project permission allowlist is preconfigured — you'll see each command before it
+> runs and can allow-list what you want via `/permissions` when you choose.
+
+## Design system
+Tokens/components come from `@goldencomm/ds-core` (theme.json + base CSS) and the
+Baseline theme's core-block patterns. Don't hardcode colors/spacing — use the
+theme.json presets / CSS custom properties.