Complete Shopify development and design toolkit: Liquid templating, theme development, Shopify API, performance optimization, debugging, UI/UX design system, and Figma automation.
Automate Figma workflows — export assets, generate design tokens, sync designs to code, create component variants, and use the Figma API for design automation. Use when exporting Figma assets programmatically, syncing design tokens, automating component generation, reading Figma file data, or integrating Figma into development workflows. Triggers: "figma", "figma api", "design tokens", "export figma", "figma automation", "sync design".
Make design decisions for Shopify stores — color systems, typography, spacing, component patterns, accessibility, responsive design, and CSS architecture. Use when making design decisions, choosing colors and fonts, building design systems, creating CSS custom properties, ensuring accessibility, or establishing visual hierarchy. Triggers: "design decisions", "color palette", "typography", "design system", "CSS variables", "visual hierarchy", "brand colors", "font choice".
Work with Shopify Admin API and Storefront API — products, orders, customers, inventory, metafields, GraphQL, webhooks, and REST endpoints. Use when querying Shopify data, syncing products, managing orders programmatically, building custom storefronts, using Shopify GraphQL, or managing metafields. Triggers: "shopify admin api", "storefront api", "shopify graphql", "shopify rest", "shopify orders", "shopify products API", "metafields API".
Build Shopify apps — Remix framework, App Bridge, OAuth, session tokens, webhooks, billing API, and extension development. Use when creating Shopify apps, building embedded apps, implementing Shopify OAuth, working with App Bridge, creating theme extensions, or building checkout extensions. Triggers: "shopify app", "app bridge", "shopify remix", "embedded app", "shopify oauth", "checkout extension", "theme extension".
Debug Shopify theme issues — Liquid errors, JavaScript console errors, rendering problems, cart issues, variant selection bugs, and theme customizer problems. Use when troubleshooting Shopify issues, fixing Liquid errors, debugging theme customizer settings not saving, investigating cart problems, or diagnosing display issues. Triggers: "shopify bug", "liquid error", "theme not working", "debug shopify", "shopify issue", "section not showing".
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A vendor-neutral marketplace of Hair Solutions Co. plugins, skills, agents, commands, and MCP servers for Claude Code / Cowork, Codex, Cursor, Gemini CLI, and Google Antigravity. Plugin content is shared; thin client-specific manifests expose it to each supported agent.
hairsolutionscovincent-laroche/hairsolutionsco-ai-toolkitCowork: + → Plugins → Add plugin → Add marketplace → enter vincent-laroche/hairsolutionsco-ai-toolkit → Sync, then install any plugin from the list.
Claude Code terminal:
/plugin marketplace add vincent-laroche/hairsolutionsco-ai-toolkit
/plugin install shopify-theme-dev@hairsolutionsco
/reload-plugins
codex plugin marketplace add vincent-laroche/hairsolutionsco-ai-toolkit
codex plugin add shopify-theme-dev@hairsolutionsco
Restart Codex after installing or updating a plugin.
Use Install Plugin From Source and enter:
vincent-laroche/hairsolutionsco-ai-toolkit
Cursor reads .cursor-plugin/marketplace.json and each plugin's native
.cursor-plugin/plugin.json.
Gemini CLI currently installs one extension root at a time. Clone this repository, then install or link the required plugin directory:
git clone https://github.com/vincent-laroche/hairsolutionsco-ai-toolkit.git
gemini extensions install ./hairsolutionsco-ai-toolkit/plugins/chrome-devtools-mcp
Use gemini extensions link <plugin-directory> during local development.
Clone this repository, then run the non-destructive installer for the required toolkit:
# Preview all skill and MCP changes.
./scripts/install-antigravity-plugin.sh
# Install or update all marketplace plugins.
./scripts/install-antigravity-plugin.sh --apply
The installer namespaces duplicate skill names, adopts identical existing skills, preserves local modifications, backs up Antigravity's MCP configuration before writing, and reports same-name MCP conflicts without exposing config values.
| Plugin | What it does |
|---|---|
| shopify-theme-dev | Designer-in-Chief / Creative Director / Liquid toolkit for the hairsolutions.co storefront — brand system, OS 2.0 sections, Cloudinary AssetLink media, Notion change-tracker, ship-to-main workflow. |
| shopify-liquid-designer | Liquid/theme design + frontend skills for the Hair Solutions storefront. |
| shopify-design | Shopify design skills. |
| shopify-developer | Shopify developer skills. |
| ai-video | AI video generation workflow skills. |
| analytics-ads | Analytics + paid-ads skills. |
| marketing-content | Marketing content creation skills. |
| business-integrations | Business/SaaS integration skills. |
| chrome-devtools-mcp | Official Chrome DevTools MCP server plus browser debugging, accessibility, performance, memory, and troubleshooting skills. |
| hubspot | HubSpot CMS / CRM skills. |
Each plugin lives under plugins/<name>/ with shared skills/, commands/,
agents/, hooks, scripts, and references. Client-specific manifests live
alongside the shared content:
.claude-plugin/plugin.json.codex-plugin/plugin.json.cursor-plugin/plugin.jsongemini-extension.jsonRoot marketplace catalogs:
.claude-plugin/marketplace.json.agents/plugins/marketplace.json.cursor-plugin/marketplace.jsonhairsolutionsco-ai-toolkit/
├── Brand/
│ ├── design-system/
│ │ ├── master/
│ │ └── reference/
│ └── logos/
│ ├── current/
│ └── archive/
├── .claude-plugin/
│ └── marketplace.json
├── .agents/plugins/
│ └── marketplace.json
├── .cursor-plugin/
│ └── marketplace.json
├── plugins/
│ └── <plugin>/ ← one folder per plugin
│ ├── .claude-plugin/plugin.json
│ ├── .codex-plugin/plugin.json
│ ├── .cursor-plugin/plugin.json
│ ├── gemini-extension.json
│ ├── skills/ commands/ agents/ hooks/ ...
├── scripts/
│ ├── sync-client-manifests.py
│ └── install-antigravity-plugin.sh
└── README.md
plugins/<name>/ with a canonical .claude-plugin/plugin.json..claude-plugin/marketplace.json.python3 scripts/sync-client-manifests.py.npx claudepluginhub vincent-laroche/hairsolutionsco-ai-toolkit --plugin shopify-designReliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer.
Connect and automate HubSpot CRM, Notion workspace, Instagram, n8n workflows, and 1000+ apps via Composio. Essential stack for Hair Solutions Co. operations.
HubSpot for Hair Solutions Co. — split into focused skills: CRM data model, business operations & automation strategy, developer integrations (Agent Tools, Breeze, Custom Channels), and step-by-step UI how-to procedures.
Full-stack marketing suite: social media, paid ads, SEO, email sequences, copywriting, and content research. Built for e-commerce and service business growth.
Shopify theme development for Hair Solutions Co. — Horizon 3.5.1 Liquid, front-end CSS/JS, and production operations.
Reliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture design, and quality review
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
Harness-native ECC plugin for engineering teams - 67 agents, 271 skills, 92 legacy command shims, reusable hooks, rules, MCP conventions, and operator workflows for Claude Code plus adjacent agent harnesses
Design fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.
Behavioral guidelines to reduce common LLM coding mistakes, derived from Andrej Karpathy's observations on LLM coding pitfalls