playbooks

home / skills / toilahuongg / google-antigravity-kit

toilahuongg/google-antigravity-kit

47 skills
GitHub

Sponsored

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.
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
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.
shopify-metafields

toilahuongg/google-antigravity-kit

Guide for working with Shopify Metafields. Covers definitions, storing custom data, accessing via Liquid, and GraphQL mutations.
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

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.
threejs-interaction

toilahuongg/google-antigravity-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.
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.
frontend-design

toilahuongg/google-antigravity-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-deployment

toilahuongg/google-antigravity-kit

Strategies for deploying Shopify Apps. Focus on overcoming Vercel/Serverless timeouts, using VPS (Coolify/Dokku), and handling long-running background jobs.
remotion-best-practices

toilahuongg/google-antigravity-kit

Best practices for Remotion - Video creation in React
agent-creator

toilahuongg/google-antigravity-kit

Guide for creating, configuring, and refining AI Agents. Use this skill when users want to define a new agent persona, generate a system prompt, or assemble a specific set of skills/workflows for a specialized agent (e.g., "Create a QA Agent" or "Design a Security Auditor Agent").
vercel-react-best-practices

toilahuongg/google-antigravity-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.
docker-guide

toilahuongg/google-antigravity-kit

Best practices for Dockerizing Remix/Shopify apps. Includes multi-stage builds, Alpine images, and local dev setups with pnpm.
skill-creator

toilahuongg/google-antigravity-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-liquid

toilahuongg/google-antigravity-kit

Guide for using the Liquid template language within Shopify Theme App Extensions and Themes. Use this skill when building App Embed Blocks, App Blocks, or modifying Shopify Themes.
brainstorm

toilahuongg/google-antigravity-kit

Guide for facilitating creative brainstorming sessions using AI, leveraging techniques like SCAMPER, Design Thinking, and lateral thinking.
clean-architecture-ts

toilahuongg/google-antigravity-kit

Best practices for implementing Clean Architecture in Remix/TypeScript apps. Covers Service Layer, Repository Pattern, and Dependency Injection.
resilience-engineering

toilahuongg/google-antigravity-kit

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

toilahuongg/google-antigravity-kit

Best practices for using Prisma ORM with Remix and Shopify (2025-2026 Edition). Covers schema design, migrations, and performance.
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

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.
algorithmic-art

toilahuongg/google-antigravity-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.
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

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