Pular pro conteúdo

Shopify skill

O Claude edita o tema da sua loja Shopify em Liquid do jeito que a plataforma pede, com seções ajustáveis no editor e páginas que carregam rápido.

por mindrally

instalações
719
estrelas no GitHub
286
No skills.sh desde
janeiro de 2026
Licença
Apache-2.0

Atualizada no GitHub em 8 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

O que ela faz

A skill é um guia de desenvolvimento de temas da Shopify. Ensina o Claude a escrever Liquid limpo, com snippets reaproveitáveis chamados por render (e não pelo include, que saiu de uso) e pouca lógica no template.

Segue a arquitetura do Online Store 2.0: seções modulares com schema de configurações, blocos que se repetem e templates em JSON, pra quem cuida da loja mudar a página pelo editor de tema sem mexer em código. Traz exemplo de coleção em destaque e de botão que vira esgotado.

Cobre o JavaScript do tema (adicionar ao carrinho pela API /cart/add.js, Section Rendering API, scripts carregados depois), imagens responsivas pela CDN da Shopify, Core Web Vitals, acessibilidade, metafields pra dados extras do produto e a organização do settings_schema.json.

Nas palavras de quem fez

Expert Shopify theme development guidelines for Liquid, Online Store 2.0, CSS, JavaScript, and UX best practices…

mindrally, no SKILL.md

Quando usar

  • Criar uma seção nova pra página inicial da loja
  • Mostrar um campo extra do produto com metafield
  • Fazer o botão de comprar adicionar ao carrinho sem recarregar a página
  • Deixar as imagens da loja mais leves no celular
  • Organizar as configurações do tema pro lojista mexer sozinho

Depois de instalar, é só pedir assim

  • Cria uma seção de depoimentos pro meu tema Shopify com blocos que eu adiciono pelo editor
  • Faz o botão de adicionar ao carrinho funcionar sem recarregar a página
  • Revisa as imagens do meu tema pra carregarem no tamanho certo no celular

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

  • Gen Agent Trust HubPassou
  • SocketPassou
  • SnykPassou

Perguntas

Como instalar a Shopify no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Shopify, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que a shopify skill precisa pra funcionar?

Dos arquivos do tema da sua loja (sections, snippets, templates e config) e de uma loja na Shopify, que é plataforma paga, pra testar e publicar. A skill em si não pede chave de API.

Ela cria app da Shopify ou mexe no painel da loja?

Não. É só sobre o tema: Liquid, seções, CSS e JavaScript da vitrine. Cadastro de produto, app e configuração de pagamento ficam de fora.

Roda no Codex e no Antigravity?

Roda. É um guia em texto que o agente segue ao editar os arquivos do tema.

Levar essa skill

1x shopifyR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/mindrally/skills

Aprenda a usar

Mais da loja mindrally

Ver a loja mindrally