Shopify Storefront

Plugin storefront from marketplace toolkit-marketplace in vincent-laroche/claude-marketplace. Commands read from the repo's manifest — 1 month ago.

Skills (13)

• cloudinary-media

  Select, link, and deliver Hair Solutions Co. media from Cloudinary (cloud dtmizxj1n) for the storefront. Use whenever choosing imagery, building delivery URLs/srcset, or wiring media into sections, products, collections, blogs, or pages. AssetLink for products/collections/blogs; Files CDN for pages.

• custom-order-options-picker

  Build and evolve the advanced Custom Order Options Picker for hairsolutions.co — the guided full-page flow (product.advanced-order template, hs-advanced-order-flow section) that lets customers spec a custom hair system. Use when working on the order picker, its question steps, or its metaobject-driv

• custom-product-options

  Build and edit the Hair Solutions Co. custom product options on PDPs — non-variant choices rendered as radios, checkboxes, and swatches that write cart line-item properties. Use when adding/editing product option modules, swatches, or the customization engine on hair-system product pages.

• fix-git-locks

  Clear stale .git/*.lock files left by the FUSE sandbox so git can proceed in the hairsolutions.co repo. Use only when git reports index.lock/HEAD.lock or "another git process" errors. Never auto-runs.

• help-center

  Build and maintain the custom Hair Solutions Co. Help Center — the three templates (Home, Category, Article) and their sections. Use when adding/editing help categories, category pages, or articles, or wiring FAQ content into them.

• metaobjects-metafields

  Work with Hair Solutions Co. Shopify metaobjects and metafields in Liquid — product specs, hair colors, order-picker options, product/collection page content blocks, FAQ sets. Use when reading or wiring metaobject/metafield data into theme code.

• products-collections

  Understand the Hair Solutions Co. product catalog and collection structure — hair-system bases, tag taxonomy, smart collection rules, and which product template each uses. Use when building/editing PDPs, collection pages, merchandising, or anything keyed to product type/tags.

• shopify-theme-review

  Reviews Hair Solutions Co. Shopify theme source or live pages for brand compliance, SEO, accessibility, mobile UX, performance, theme-editor safety, release risk, and implementation defects. Use when Vincent asks for a review, audit, critique, QA, verification, or pass/fail check. Do not use when th

• storefront-abnormality-audit

  Ruthless storefront page audit for detecting structural, semantic, visual, interaction, content, accessibility, SEO, Shopify editor, and brand abnormalities. Use when asked to inspect, audit, review, QA, critique, or find what is wrong with a Hair Solutions Co. storefront page, especially issues tha

• storefront-build

  Write or edit Liquid sections, blocks and snippets for the hairsolutions.co storefront against the current Hair Solutions Co. design system. Use for any .liquid section, block, snippet, schema, or theme-editor wiring. Single Color Palette, design tokens, and the theme-editor wiring that carries them

• storefront-preflight

  Read-only session boot check for hairsolutions.co storefront work — confirms the deploy repo, branch, clean tree, and Dev-vs-main status. Run at the start of any theme task. Read-only — it never edits, commits, or deploys.

• storefront-release

  Commit and push completed hairsolutions.co theme changes. main = live (GitHub-synced). Use when shipping a finished, validated change. Prefers local repo to GitHub so the change stays reviewable; the CLI `theme push`/`publish` are authorized but bypass that record.

• style-css-to-shopify

  Converts an existing CSS/design-system implementation into a native-first Shopify Online Store 2.0 plan or change set, with Horizon as the primary target. Use when handling HTML/CSS-to-Liquid work, visual-parity audits, editable-theme-customizer rebuilds, section/block/schema mapping, or decisions a

Subagents (8)

• liquid-designer

  The scoped-change runtime writer for a verified Atelier Zero theme task. Implements the smallest literal reversible change inside the theme runtime directories, preserving Horizon theme-editor compatibility, dynamic sources, accessibility, and voice. Use only when the scope, target, and current valu

• mobile-first

  Reviews any Atelier Zero page or section by how it behaves on phones first and desktop second. Flags horizontal overflow, touch-target size, fluid type, tap ergonomics, and mobile LCP at 320, 375, 390 and 430px. Use before shipping any customer-facing layout or when reviewing responsive behaviour.

• native-theme-settings-protector

  Audits a Shopify theme for code that bypasses the native theme editor — settings that render nothing, values hardcoded where a control already exists, copy baked into markup or a section javascript block, and sections offering no colour, width, or padding control. Returns a severity-ordered report n

• rendered-evidence

  Read-only rendered-evidence specialist. Captures actual browser proof for a presentation-affecting Atelier Zero diff at 320, 375, 390 and 430px plus tablet and desktop. Use only when a visual or interactive change needs real rendered proof; a change with no visual surface does not need it.

• section-architect

  Read-only architect for substantial Atelier Zero page or section work. Produces a Section Design Brief covering placement, the Horizon-native section, block, schema and setting plan, responsive behaviour, accessibility, exact files, and acceptance checks. Use before building a new section or reworki

• seo

  Audits on-page SEO and structured data for an Atelier Zero template — heading hierarchy, metadata, canonicals, JSON-LD, internal links, crawlability, and Core Web Vitals signals in markup. Returns a prioritized punch list. Use for SEO audits, schema markup, or a pre-ship SEO check.

• theme-developer

  Runtime writer for net-new Atelier Zero theme construction — new sections, blocks, snippets, assets, config, and JSON templates — with write scope limited to the theme runtime directories, i.e. the development theme itself. Use for build work from a Section Design Brief or an explicit scoped build r

• theme-reviewer

  Read-only reviewer for an Atelier Zero theme diff. Judges correctness, scope, Liquid and schema validity, theme-editor compatibility, accessibility, responsive behaviour, performance, brand, voice, claims safety, and release risk. Use after implementing a change and before any commit or release.

MCP servers (2)

• chrome-devtools

  runs: npx -y [email protected]

• desktop-commander

  runs: npx -y @wonderwhy-er/[email protected]

Hooks (3)

• SessionStart

  python3 "${CLAUDE_PLUGIN_ROOT}/scripts/session_preflight.py"

• PreToolUse

  python3 "${CLAUDE_PLUGIN_ROOT}/scripts/pre_command_guard.py"

• PostToolUse

  python3 "${CLAUDE_PLUGIN_ROOT}/scripts/post_edit_validate.py"

Similar plugins