Shopify

Shopify Theme Inspector

Name: Shopify Theme Inspector
Author: Shopify

Data community

SOURCE https://github.com/Shopify/shopify-theme-inspector

Description

A Chrome DevTools plugin that visualizes Shopify Liquid render profiling data so you can triage long-running code and reduce server response times!

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Shopify Theme Inspector for Chrome

Profile and debug Liquid template on your Shopify store.

Shopify themes are fast out of the box, but Liquid changes made afterwards can cause slowdowns. Shopify Theme Inspector for Chrome helps identify Liquid changes that are slowing your site down by providing a visualization of Liquid render profiling data, and giving you the means to triage the slowest parts of your Shopify theme.

Documentation on how to use this extension is [available on shopify.dev](https://shopify.dev/docs/storefronts/themes/tools/theme-inspector/using-the-theme-inspector).

Contributing

To learn more about how to contribute to this project check out the [contributing](https://github.com/Shopify/shopify-theme-inspector/blob/master/CONTRIBUTING.md) documentation.

If you find a bug please [open an issue](https://github.com/Shopify/shopify-theme-inspector/issues/new).

If you would like to request a feature, check out the [feature request documentation](https://github.com/Shopify/shopify-theme-inspector/blob/master/FEATURE_REQUEST.md).

Shopify Employees

View the [internal documentation](https://github.com/Shopify/storefront-foundations/blob/master/shopify-theme-inspector/README.md#profiling-productions-shops) for more details on internal usage, development, and publishing new releases.