Reliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer.
Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.
Use this skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools via CLI.
Uses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation. Use when debugging web pages, automating browser interactions, analyzing performance, or inspecting network requests. This skill does not apply to `--slim` mode (MCP configuration).
Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions "largest contentful paint", "page load speed", "CWV", or wants to improve how fast their hero image or main content renders.
Diagnoses and resolves memory leaks in JavaScript/Node.js applications. Use when a user reports high memory usage, OOM errors, or wants to analyze heapsnapshots or run memory leak detection tools like memlab.
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.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.
Shopify theme development for Hair Solutions Co. — Horizon 3.5.1 Liquid, front-end CSS/JS, and production operations.
npx claudepluginhub vincent-laroche/hairsolutionsco-ai-toolkit --plugin chrome-devtools-mcpReliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer
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.
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
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.
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture design, and quality review
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.