playbooks

home / skills / toilahuongg / shopify-agents-kit

toilahuongg/shopify-agents-kit

64 skills
GitHub

Sponsored

threejs-postprocessing

toilahuongg/shopify-agents-kit

5
Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.
clean-code

toilahuongg/shopify-agents-kit

5
This skill helps improve TypeScript/JavaScript code quality by detecting smells, applying refactoring patterns, and producing maintainable code.
skill-creator

toilahuongg/shopify-agents-kit

5
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
technical-writing

toilahuongg/shopify-agents-kit

5
This skill helps you write clear internal documentation (READMEs, ADRs, contribution guides) that explains why, front-loads context, and guides future
shopify-metafields

toilahuongg/shopify-agents-kit

5
This skill helps you work with Shopify Metafields by using definitions, accessing via Liquid, and reading or writing with GraphQL.
Advertise on playbooks
Reach thousands of developers actively evaluating dev tools, MCP servers, and agent skills. Floating banners, pinned cards, and in-feed placements.
learn more
code-investigator

toilahuongg/shopify-agents-kit

5
This skill performs comprehensive codebase investigation by mapping features, then running parallel subagents to audit risks, dead code, and missing
npm-publish

toilahuongg/shopify-agents-kit

5
This skill guides you through publishing npm packages, including configuration, versioning, dry runs, and post-publish verification.
vercel-react-best-practices

toilahuongg/shopify-agents-kit

5
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
typescript

toilahuongg/shopify-agents-kit

5
This skill helps you apply modern TypeScript best practices for strict, safe, and high-performance code aligned with TS 5.x and frameworks.
git-cm

toilahuongg/shopify-agents-kit

5
This skill helps you create conventional git commits by staging changes and composing clear messages.
git-pr

toilahuongg/shopify-agents-kit

5
This skill builds a comprehensive PR description from branch changes, helping you document intent and impact when opening reviews.
clean-architecture-ts

toilahuongg/shopify-agents-kit

5
This skill guides implementing clean architecture in Remix/TypeScript apps, separating web, service, and repository layers for maintainable, testable code.
release

toilahuongg/shopify-agents-kit

5
This skill orchestrates a complete release workflow by validating tests, updating changelog, and tagging versions for seamless deployment.
docusaurus-generator

toilahuongg/shopify-agents-kit

5
This skill generates end-user documentation sites using Docusaurus 3.x by analyzing your project and scaffolding docs, configuration, and guides.
shopify-polaris-design

toilahuongg/shopify-agents-kit

5
This skill helps you design Shopify Admin interfaces using Polaris React to deliver a native, accessible, and merchant-focused experience.
threejs-loaders

toilahuongg/shopify-agents-kit

5
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
vercel-ai-sdk

toilahuongg/shopify-agents-kit

5
This skill helps you integrate Vercel AI SDK into Remix apps to build AI chatbots and agents with streaming and context injection.
zustand-state

toilahuongg/shopify-agents-kit

5
This skill simplifies Shopify Remix state management with Zustand, enabling typed stores, SSR-friendly patterns, and selective re-renders for fast,
rule-creator

toilahuongg/shopify-agents-kit

5
This skill helps you create, update and organize AI behavior rules with concrete templates, examples, and validation guidance.
agent-creator

toilahuongg/shopify-agents-kit

5
This skill guides you to design, configure, and refine AI Agents by defining goals, prompts, and capabilities for specialized workflows.
app-listing

toilahuongg/shopify-agents-kit

5
This skill creates complete Shopify App Store listing content including intro, details, features, subtitle, terms, SEO, and testing steps.
brainstorm

toilahuongg/shopify-agents-kit

5
This skill guides AI-facilitated brainstorming sessions using SCAMPER, Six Hats, and How Might We to generate novel ideas and structured insights.
threejs-lighting

toilahuongg/shopify-agents-kit

5
Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.
threejs-geometry

toilahuongg/shopify-agents-kit

5
Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.
changelog

toilahuongg/shopify-agents-kit

5
This skill generates and maintains changelogs in Keep a Changelog format by analyzing commits and producing well-structured release notes.
design

toilahuongg/shopify-agents-kit

5
This skill helps you design UI mockups and specs using the Polaris design system, outlining components, flows, and low-fidelity visuals.
docs-out

toilahuongg/shopify-agents-kit

5
This skill helps you generate, update, or refactor internal project documentation with clarity and accuracy.
email-template-design

toilahuongg/shopify-agents-kit

5
This skill designs production-ready HTML email templates with inline CSS and cross-client compatibility, ensuring responsive, accessible campaigns.
explain

toilahuongg/shopify-agents-kit

5
This skill provides a clear, thorough explanation of code, covering what it does, how it works, and why it matters for understanding.
form-validation

toilahuongg/shopify-agents-kit

5
This skill helps you implement robust server-first form validation using Zod and Conform in Remix apps, ensuring type-safety and Polaris-ready UI.
git-undo

toilahuongg/shopify-agents-kit

5
This skill helps you undo the last commit while keeping changes staged, enabling quick fixes to messages or added files before recommitting.
shopify-polaris-icons

toilahuongg/shopify-agents-kit

5
This skill helps you implement and style Shopify Polaris Icons correctly across apps, with accessibility, tone, and consistency guidance.
misoapps

toilahuongg/shopify-agents-kit

5
This skill helps you manage Miso Apps email and shop integrations in Shopify apps, sending emails, configuring SMTP, and retrieving logs efficiently.
shopify-polaris-viz

toilahuongg/shopify-agents-kit

5
This skill helps you build Shopify Polaris Viz charts and themes, enabling accessible, theme-consistent data visualizations in admin dashboards.
shopify-pos

toilahuongg/shopify-agents-kit

5
This skill helps you build Shopify POS UI extensions to add tiles, modals, and blocks across the smart grid and product screens.
rigorous-reasoning

toilahuongg/shopify-agents-kit

5
This skill helps you analyze arguments and construct rigorous proofs using philosophical methods and formal reasoning to improve critical thinking.
research

toilahuongg/shopify-agents-kit

5
This skill guides thorough, multi-source research using verification, synthesis, and RAG patterns to deliver well-supported, actionable conclusions.
security-hardening

toilahuongg/shopify-agents-kit

5
This skill helps you implement security hardening for Shopify apps by applying authentication, webhook verification, input validation, and data protection
shopify-api

toilahuongg/shopify-agents-kit

5
This skill helps you query and mutate Shopify data in Remix apps using Admin GraphQL/REST, Storefront API, and webhooks.
shopify-app-bridge

toilahuongg/shopify-agents-kit

5
This skill explains how to embed apps in Shopify Admin using App Bridge to trigger toasts, modals, and navigation.
shopify-billing

toilahuongg/shopify-agents-kit

5
This skill guides implementing Shopify Billing API in Remix apps, enabling easy plan management, discounts, and secure subscription handling.
shopify-extensions

toilahuongg/shopify-agents-kit

5
This skill guides you through building and deploying Shopify Extensions across Admin, Checkout, Theme, and Post-purchase interfaces using the latest CLI.
shopify-functions

toilahuongg/shopify-agents-kit

5
This skill helps you implement Shopify Functions-backed backend logic in Rust or JavaScript, enabling low-latency WASM extensions for discounts, shipping, and
shopify-remix-template

toilahuongg/shopify-agents-kit

5
This skill guides building Shopify apps with the Remix template, covering structure, authentication, API usage, and deployment to production.
shopify-testing

toilahuongg/shopify-agents-kit

5
This skill guides you through unit, integration, and E2E testing for Shopify apps using Remix, Vitest, and Playwright.
threejs-interaction

toilahuongg/shopify-agents-kit

5
Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
mongoose

toilahuongg/shopify-agents-kit

5
This skill guides secure, TypeScript-first Mongoose usage with performance best practices for MongoDB, enabling faster, type-safe data access in modern apps.
remixjs-best-practices

toilahuongg/shopify-agents-kit

5
This skill helps you adopt Remix best practices with React Router v7, server-first data loading, and robust error handling strategies.
resilience-engineering

toilahuongg/shopify-agents-kit

5
This skill helps you implement resilient Shopify integrations by managing rate limits, retry strategies, queues, and circuit breakers.
remotion-best-practices

toilahuongg/shopify-agents-kit

5
Best practices for Remotion - Video creation in React
shopify-liquid

toilahuongg/shopify-agents-kit

5
This skill helps you implement Shopify Liquid in Theme App Extensions and Themes by guiding syntax, schema use, and data access for dynamic storefronts.
shopify-webhooks

toilahuongg/shopify-agents-kit

5
This skill guides you through configuring, verifying, and handling Shopify webhooks to keep data in sync securely.
frontend-design

toilahuongg/shopify-agents-kit

5
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
shopify-app-i18n

toilahuongg/shopify-agents-kit

5
This skill guides adding multi-language support to Shopify Apps using i18next, including setup, translation files, and admin context for broad reach.
threejs-fundamentals

toilahuongg/shopify-agents-kit

5
Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.
threejs-textures

toilahuongg/shopify-agents-kit

5
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.
threejs-animation

toilahuongg/shopify-agents-kit

5
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
canvas-design

toilahuongg/shopify-agents-kit

5
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
readme

toilahuongg/shopify-agents-kit

5
This skill updates a project's README.md by analyzing the codebase, extracting structure, and generating comprehensive documentation with clear sections.
git-sync

toilahuongg/shopify-agents-kit

5
This skill helps you keep your local branch up to date with the remote by performing fetch and pull --rebase, resolving conflicts as needed.
threejs-materials

toilahuongg/shopify-agents-kit

5
Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.
threejs-shaders

toilahuongg/shopify-agents-kit

5
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
agent-browser

toilahuongg/shopify-agents-kit

5
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
algorithmic-art

toilahuongg/shopify-agents-kit

5
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.