Skip to content
This repository was archived by the owner on Jun 10, 2025. It is now read-only.

Shopify/vscode-shopify-dev-assistant

Repository files navigation

Shopify Dev Assistant

This extension provides Al-powered assistance for developers building with GraphQL on the Shopify platform. This extension integrates directly with VS Code's chat interface to help you with Shopify development tasks, generate GraphQL Admin API operations, and launch our GraphiQL integration.

Features

🤖 AI Assistant

  • Access Shopify-specific AI assistance directly within VS Code
  • Get help with Shopify API queries, app development, and platform-specific questions
  • Receive context-aware responses tailored to Shopify development

🔍 GraphiQL integration

  • Executes GraphQL queries directly from chat responses
  • Launches GraphiQL automatically when needed
  • Integrates seamlessly with your local development environment

Requirements

  • GraphiQL integration requires a Shopify app that's created with Shopify CLI.
  • Your dev server must be running. The extension will automatically attempt to start it if it's not running.

Installation

  1. Install the extension from the VS Code marketplace.
  2. (Optional) Ensure that you have Shopify CLI installed and configured.

Usage

  1. Open VS Code's chat panel (Ctrl/Cmd + Shift + P > "Open Chat").
  2. Type @shopify, followed by your prompt.
  3. (Optional) Click the Open in GraphiQL button to test your queries.

You can also select some REST code in your editor, right click, and select Convert to GraphQL to get some help converting it to GraphQL.

Development

  1. Run npm run package to compile the source into a bundled extension
  2. In VScode, choose the extensions tab, click on the three dots, and choose install from VSIX
  3. Choose the bundled extension and reload all extensions

License

MIT License

About

A VSCode Copilot chat extension for the shopify.dev assistant

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages