Design-first Shopify theme development for Hair Solutions Co. Design in Figma first, generate production-ready Liquid with floating cards, Horizon theme mastery, Storefront API support, and full UI/UX intelligence.
Push theme changes to Hair Solutions Co. Shopify store
Design a new Shopify section with Liquid + UI/UX system
Plan a full Shopify theme with design system applied
Review Liquid code for UX, performance, and best practices
Comprehensive Shopify Storefront API expert for building custom storefronts with Framer. Specializes in custom product options (not variants), GraphQL queries, cart management, and metafields. Use this when working with Shopify Storefront API, building custom storefronts, implementing product customization, managing carts, or integrating Shopify with Framer. Triggers include "Shopify Storefront API", "custom product options", "Shopify + Framer", "Shopify GraphQL", "cart with custom properties", "product metafields", or any Shopify storefront development task. Make sure to use this skill whenever someone mentions Shopify custom storefronts, product customization beyond variants, Framer + Shopify integration, or GraphQL queries for e-commerce.
Comprehensive Shopify Horizon theme development skill covering theme blocks, Liquid patterns, section schemas, metafields/metaobjects integration, responsive design, and custom sections. Use when working with Shopify Horizon themes, customizing sections, creating theme blocks, displaying metafields/metaobjects, building responsive layouts, troubleshooting Liquid code, or implementing custom product options and features.
This skill should be used when building, designing, or reviewing Shopify themes with design intelligence applied. Triggers include: "build a Shopify section", "design a theme", "write Liquid for", "create a Shopify component", "add a block to my theme", "design a product page", "make a hero section", "build a collection grid", "Shopify UI", "theme design system", "Liquid + Tailwind", "floating cards", "design in Figma first", or any request combining Shopify development with visual design decisions. Combines Liquid architecture mastery, Storefront API expertise, Figma design workflow, and UI/UX design intelligence into a single unified workflow.
This skill should be used when working with Shopify themes, Liquid templating, theme blocks, sections, dynamic sources, or any Shopify theme development tasks. Provides comprehensive guidance on building production-quality Shopify themes with focus on Horizon theme patterns, blocks architecture, schema design, and Liquid best practices.
External network access
Connects to servers outside your machine
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-liquid-designerReliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer.
Complete Shopify development and design toolkit: Liquid templating, theme development, Shopify API, performance optimization, debugging, UI/UX design system, and Figma automation.
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.
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Complete developer toolkit for Claude Code
Reliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer
Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration for programmatic diagram creation and management.
Feature development with code-architect/explorer/reviewer agents, CLAUDE.md audit and session learnings, and Agent Skills creation with eval benchmarking from Anthropic.