home / skills / toilahuongg

toilahuongg skills

Find 111 skills from 2 repos created by toilahuongg on GitHub.

2 repos

111 skills

GitHub

Advertise on playbooks

Put your product in front of developers browsing MCP servers and agent skills. ↗

git-cm

toilahuongg/shopify-agents-kit

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

agent-creator

toilahuongg/shopify-agents-kit

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

readme

toilahuongg/shopify-agents-kit

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

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

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

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

threejs-shaders

toilahuongg/shopify-agents-kit

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

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

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.

app-listing

toilahuongg/shopify-agents-kit

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

brainstorm

toilahuongg/shopify-agents-kit

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

git-pr

toilahuongg/shopify-agents-kit

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

threejs-lighting

toilahuongg/shopify-agents-kit

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

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

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

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

This skill helps you generate, update, or refactor internal project documentation with clarity and accuracy.

email-template-design

toilahuongg/shopify-agents-kit

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

explain

toilahuongg/shopify-agents-kit

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

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

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

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

misoapps

toilahuongg/shopify-agents-kit

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

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

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

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

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

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

threejs-postprocessing

toilahuongg/shopify-agents-kit

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-api

toilahuongg/shopify-agents-kit

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

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

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

clean-code

toilahuongg/shopify-agents-kit

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

shopify-extensions

toilahuongg/shopify-agents-kit

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

skill-creator

toilahuongg/shopify-agents-kit

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.

shopify-functions

toilahuongg/shopify-agents-kit

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

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

technical-writing

toilahuongg/shopify-agents-kit

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

This skill helps you work with Shopify Metafields by using definitions, accessing via Liquid, and reading or writing with GraphQL.

shopify-testing

toilahuongg/shopify-agents-kit

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

clean-architecture-ts

toilahuongg/shopify-agents-kit

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

code-investigator

toilahuongg/shopify-agents-kit

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

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

release

toilahuongg/shopify-agents-kit

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

vercel-react-best-practices

toilahuongg/shopify-agents-kit

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.

threejs-interaction

toilahuongg/shopify-agents-kit

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

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

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

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

Best practices for Remotion - Video creation in React

docusaurus-generator

toilahuongg/shopify-agents-kit

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

shopify-liquid

toilahuongg/shopify-agents-kit

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

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

shopify-polaris-design

toilahuongg/shopify-agents-kit

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

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

frontend-design

toilahuongg/shopify-agents-kit

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

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

vercel-ai-sdk

toilahuongg/shopify-agents-kit

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

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

threejs-fundamentals

toilahuongg/shopify-agents-kit

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

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

rule-creator

toilahuongg/shopify-agents-kit

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

threejs-animation

toilahuongg/shopify-agents-kit

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

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.

typescript

toilahuongg/shopify-agents-kit

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

resilience-engineering

toilahuongg/google-antigravity-kit

Strategies for handling Shopify API Rate Limits (429), retry policies, and circuit breakers. Essential for high-traffic apps.

mongoose

toilahuongg/google-antigravity-kit

Guide for Mongoose ODM (2025-2026 Edition), covering Mongoose 8.x/9.x, TypeScript integration, and performance best practices.

canvas-design

toilahuongg/google-antigravity-kit

algorithmic-art

toilahuongg/google-antigravity-kit

shopify-app-bridge

toilahuongg/google-antigravity-kit

Guide for using Shopify App Bridge to embed apps in the Shopify Admin. Use this skill when the user needs to interact with the host interface (Admin), show toasts, modals, resource pickers, or handle navigation within a Shopify embedded app.

shopify-webhooks

toilahuongg/google-antigravity-kit

Guide for handling Shopify Webhooks, including configuration, verification, and processing. Use this skill when the user needs to set up webhook subscriptions, verify authentic requests, or handle event payloads.

typescript

toilahuongg/google-antigravity-kit

Best practices and guidelines for TypeScript (2025-2026 Edition), focusing on TS 5.x+, modern type safety, and performance.

research

toilahuongg/google-antigravity-kit

Guide for conducting thorough and synthesized research, focusing on verification, multi-source analysis, and RAG patterns.

threejs-animation

toilahuongg/google-antigravity-kit

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

threejs-fundamentals

toilahuongg/google-antigravity-kit

shopify-extensions

toilahuongg/google-antigravity-kit

Guide for building and managing Shopify Extensions (Admin, Checkout, Theme, Post-purchase, etc.) using the latest Shopify CLI and APIs.

docusaurus-generator

toilahuongg/google-antigravity-kit

Generate end-user documentation site using Docusaurus 3.x from the current project. Use this skill when the user asks to create documentation, generate docs, build a docs site, or set up Docusaurus for their project. Supports analyzing project structure, generating markdown docs, configuring Docusaurus, and creating user guides.

shopify-functions

toilahuongg/google-antigravity-kit

Guide for creating backend logic using Shopify Functions (Discounts, Shipping, Payment, etc.). Covers WASM, Rust/JavaScript (Javy) implementation, and input queries.

shopify-app-i18n

toilahuongg/google-antigravity-kit

Guide for adding Multi-language support to Shopify Apps using i18next. Covers setup, localization files, and Admin context.

vercel-ai-sdk

toilahuongg/google-antigravity-kit

Guide for integrating Vercel AI SDK into Remix apps. Build AI chatbots, text completion, and agents within your Shopify app.

rule-creator

toilahuongg/google-antigravity-kit

Create and manage user rules that customize AI behavior. Use this skill when users want to create new rules, update existing rules, organize rules, or need guidance on writing effective rules for their projects or personal preferences.

threejs-materials

toilahuongg/google-antigravity-kit

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

beads

toilahuongg/google-antigravity-kit

Guide for using Beads (bd) - A memory upgrade and task management tool for AI agents.

browser-automation

toilahuongg/google-antigravity-kit

Guide for browser automation and testing using the browser_subagent tool. Use this skill when users need to interact with web pages, test user flows, scrape dynamic content, automate form submissions, capture screenshots, verify UI changes, or record browser sessions. Supports clicking, typing, navigation, scrolling, waiting for elements, and all standard browser interactions with automatic video recording.

remixjs-best-practices

toilahuongg/google-antigravity-kit

Best practices for Remix (2025-2026 Edition), focusing on React Router v7 migration, server-first data patterns, and error handling.

shopify-api

toilahuongg/google-antigravity-kit

Comprehensive guide and tools for working with Shopify's Admin (REST & GraphQL) and Storefront APIs. Use this skill when the user needs to interact with Shopify data, manage resources (products, orders, customers), or build custom storefront integrations.

shopify-metafields

toilahuongg/google-antigravity-kit

Guide for working with Shopify Metafields. Covers definitions, storing custom data, accessing via Liquid, and GraphQL mutations.

shopify-polaris-design

toilahuongg/google-antigravity-kit

Design and implement Shopify Admin interfaces using the Polaris Design System. Use this skill when building Shopify Apps, Admin extensions, or any interface that needs to feel native to Shopify.

shopify-billing

toilahuongg/google-antigravity-kit

Guide for implementing Shopify's Billing API, enabling app monetization through subscriptions and one-time charges. Use this skill when the user needs to create recurring application charges, one-time purchases, or check subscription status.

shopify-remix-template

toilahuongg/google-antigravity-kit

Guide for developing Shopify apps using the official Shopify Remix Template. Covers structure, authentication, API usage, and deployment.

threejs-lighting

toilahuongg/google-antigravity-kit

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

threejs-loaders

toilahuongg/google-antigravity-kit

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/google-antigravity-kit

threejs-interaction

toilahuongg/google-antigravity-kit

threejs-postprocessing

toilahuongg/google-antigravity-kit

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

threejs-shaders

toilahuongg/google-antigravity-kit

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

threejs-textures

toilahuongg/google-antigravity-kit

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

workflow-creator

toilahuongg/google-antigravity-kit

Create and manage workflows that guide the Agent through repetitive tasks. Use this skill when users want to create new workflows, update existing workflows, or need guidance on writing effective step-by-step workflows for common operations like deployments, code reviews, testing, or any repeatable process.

shopify-testing

toilahuongg/google-antigravity-kit

Guide for testing Shopify Apps, including Unit Testing with Remix, Mocking Shopify Context, and E2E Testing.

npm-publish

toilahuongg/google-antigravity-kit

Guide for publishing packages to the npm registry. Use this skill when the user wants to publish a new package, release a new version, or manage npm package configurations.

technical-writing

toilahuongg/google-antigravity-kit

Guide for creating effective internal technical documentation (READMEs, ADRs, Contribution Guides). Use this skill when the user asks to write, refactor, or improve internal project documentation.

toilahuongg skills

Sponsored