Turn bookmarks into markdown for your agents
Turn X bookmarks, Chrome tabs + YouTube URLs into markdown for agents 🦞 ↗
home / skills / toilahuongg / shopify-agents-kit
toilahuongg/shopify-agents-kit
64 skills
GitHubSponsored
changelog
toilahuongg/shopify-agents-kit
6
This skill generates and maintains changelogs in Keep a Changelog format by analyzing commits and producing well-structured release notes.
email-template-design
toilahuongg/shopify-agents-kit
6
This skill designs production-ready HTML email templates with inline CSS and cross-client compatibility, ensuring responsive, accessible campaigns.
shopify-api
toilahuongg/shopify-agents-kit
6
This skill helps you query and mutate Shopify data in Remix apps using Admin GraphQL/REST, Storefront API, and webhooks.
shopify-liquid
toilahuongg/shopify-agents-kit
6
This skill helps you implement Shopify Liquid in Theme App Extensions and Themes by guiding syntax, schema use, and data access for dynamic storefronts.
release
toilahuongg/shopify-agents-kit
6
This skill orchestrates a complete release workflow by validating tests, updating changelog, and tagging versions for seamless deployment.
threejs-textures
toilahuongg/shopify-agents-kit
6
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.
frontend-design
toilahuongg/shopify-agents-kit
6
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.
mongoose
toilahuongg/shopify-agents-kit
6
This skill guides secure, TypeScript-first Mongoose usage with performance best practices for MongoDB, enabling faster, type-safe data access in modern apps.
misoapps
toilahuongg/shopify-agents-kit
6
This skill helps you manage Miso Apps email and shop integrations in Shopify apps, sending emails, configuring SMTP, and retrieving logs efficiently.
security-hardening
toilahuongg/shopify-agents-kit
6
This skill helps you implement security hardening for Shopify apps by applying authentication, webhook verification, input validation, and data protection
threejs-materials
toilahuongg/shopify-agents-kit
6
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-lighting
toilahuongg/shopify-agents-kit
6
Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.
threejs-fundamentals
toilahuongg/shopify-agents-kit
6
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.
agent-browser
toilahuongg/shopify-agents-kit
6
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.
readme
toilahuongg/shopify-agents-kit
6
This skill updates a project's README.md by analyzing the codebase, extracting structure, and generating comprehensive documentation with clear sections.
rigorous-reasoning
toilahuongg/shopify-agents-kit
6
This skill helps you analyze arguments and construct rigorous proofs using philosophical methods and formal reasoning to improve critical thinking.
threejs-loaders
toilahuongg/shopify-agents-kit
6
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
threejs-geometry
toilahuongg/shopify-agents-kit
6
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.
remotion-best-practices
toilahuongg/shopify-agents-kit
6
Best practices for Remotion - Video creation in React
docusaurus-generator
toilahuongg/shopify-agents-kit
6
This skill generates end-user documentation sites using Docusaurus 3.x by analyzing your project and scaffolding docs, configuration, and guides.
threejs-interaction
toilahuongg/shopify-agents-kit
6
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.
threejs-animation
toilahuongg/shopify-agents-kit
6
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
skill-creator
toilahuongg/shopify-agents-kit
6
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.
canvas-design
toilahuongg/shopify-agents-kit
6
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.
form-validation
toilahuongg/shopify-agents-kit
6
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-pr
toilahuongg/shopify-agents-kit
6
This skill builds a comprehensive PR description from branch changes, helping you document intent and impact when opening reviews.
shopify-app-i18n
toilahuongg/shopify-agents-kit
6
This skill guides adding multi-language support to Shopify Apps using i18next, including setup, translation files, and admin context for broad reach.
shopify-functions
toilahuongg/shopify-agents-kit
6
This skill helps you implement Shopify Functions-backed backend logic in Rust or JavaScript, enabling low-latency WASM extensions for discounts, shipping, and
shopify-polaris-design
toilahuongg/shopify-agents-kit
6
This skill helps you design Shopify Admin interfaces using Polaris React to deliver a native, accessible, and merchant-focused experience.
technical-writing
toilahuongg/shopify-agents-kit
6
This skill helps you write clear internal documentation (READMEs, ADRs, contribution guides) that explains why, front-loads context, and guides future
brainstorm
toilahuongg/shopify-agents-kit
6
This skill guides AI-facilitated brainstorming sessions using SCAMPER, Six Hats, and How Might We to generate novel ideas and structured insights.
docs-out
toilahuongg/shopify-agents-kit
6
This skill helps you generate, update, or refactor internal project documentation with clarity and accuracy.
git-undo
toilahuongg/shopify-agents-kit
6
This skill helps you undo the last commit while keeping changes staged, enabling quick fixes to messages or added files before recommitting.
shopify-remix-template
toilahuongg/shopify-agents-kit
6
This skill guides building Shopify apps with the Remix template, covering structure, authentication, API usage, and deployment to production.
shopify-pos
toilahuongg/shopify-agents-kit
6
This skill helps you build Shopify POS UI extensions to add tiles, modals, and blocks across the smart grid and product screens.
shopify-testing
toilahuongg/shopify-agents-kit
6
This skill guides you through unit, integration, and E2E testing for Shopify apps using Remix, Vitest, and Playwright.
agent-creator
toilahuongg/shopify-agents-kit
6
This skill guides you to design, configure, and refine AI Agents by defining goals, prompts, and capabilities for specialized workflows.
git-cm
toilahuongg/shopify-agents-kit
6
This skill helps you create conventional git commits by staging changes and composing clear messages.
remixjs-best-practices
toilahuongg/shopify-agents-kit
6
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
6
This skill helps you implement resilient Shopify integrations by managing rate limits, retry strategies, queues, and circuit breakers.
shopify-extensions
toilahuongg/shopify-agents-kit
6
This skill guides you through building and deploying Shopify Extensions across Admin, Checkout, Theme, and Post-purchase interfaces using the latest CLI.
shopify-webhooks
toilahuongg/shopify-agents-kit
6
This skill guides you through configuring, verifying, and handling Shopify webhooks to keep data in sync securely.
design
toilahuongg/shopify-agents-kit
6
This skill helps you design UI mockups and specs using the Polaris design system, outlining components, flows, and low-fidelity visuals.
app-listing
toilahuongg/shopify-agents-kit
6
This skill creates complete Shopify App Store listing content including intro, details, features, subtitle, terms, SEO, and testing steps.
git-sync
toilahuongg/shopify-agents-kit
6
This skill helps you keep your local branch up to date with the remote by performing fetch and pull --rebase, resolving conflicts as needed.
zustand-state
toilahuongg/shopify-agents-kit
6
This skill simplifies Shopify Remix state management with Zustand, enabling typed stores, SSR-friendly patterns, and selective re-renders for fast,
research
toilahuongg/shopify-agents-kit
6
This skill guides thorough, multi-source research using verification, synthesis, and RAG patterns to deliver well-supported, actionable conclusions.
npm-publish
toilahuongg/shopify-agents-kit
6
This skill guides you through publishing npm packages, including configuration, versioning, dry runs, and post-publish verification.
shopify-app-bridge
toilahuongg/shopify-agents-kit
6
This skill explains how to embed apps in Shopify Admin using App Bridge to trigger toasts, modals, and navigation.
shopify-polaris-icons
toilahuongg/shopify-agents-kit
6
This skill helps you implement and style Shopify Polaris Icons correctly across apps, with accessibility, tone, and consistency guidance.
vercel-react-best-practices
toilahuongg/shopify-agents-kit
6
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.
algorithmic-art
toilahuongg/shopify-agents-kit
6
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.
threejs-postprocessing
toilahuongg/shopify-agents-kit
6
Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.
shopify-polaris-viz
toilahuongg/shopify-agents-kit
6
This skill helps you build Shopify Polaris Viz charts and themes, enabling accessible, theme-consistent data visualizations in admin dashboards.
clean-architecture-ts
toilahuongg/shopify-agents-kit
6
This skill guides implementing clean architecture in Remix/TypeScript apps, separating web, service, and repository layers for maintainable, testable code.
clean-code
toilahuongg/shopify-agents-kit
6
This skill helps improve TypeScript/JavaScript code quality by detecting smells, applying refactoring patterns, and producing maintainable code.
code-investigator
toilahuongg/shopify-agents-kit
6
This skill performs comprehensive codebase investigation by mapping features, then running parallel subagents to audit risks, dead code, and missing
explain
toilahuongg/shopify-agents-kit
6
This skill provides a clear, thorough explanation of code, covering what it does, how it works, and why it matters for understanding.
rule-creator
toilahuongg/shopify-agents-kit
6
This skill helps you create, update and organize AI behavior rules with concrete templates, examples, and validation guidance.
shopify-billing
toilahuongg/shopify-agents-kit
6
This skill guides implementing Shopify Billing API in Remix apps, enabling easy plan management, discounts, and secure subscription handling.
shopify-metafields
toilahuongg/shopify-agents-kit
6
This skill helps you work with Shopify Metafields by using definitions, accessing via Liquid, and reading or writing with GraphQL.
typescript
toilahuongg/shopify-agents-kit
6
This skill helps you apply modern TypeScript best practices for strict, safe, and high-performance code aligned with TS 5.x and frameworks.