Turn bookmarks into markdown for your agents
Turn X bookmarks, Chrome tabs + YouTube URLs into markdown for agents 🦞 ↗
toilahuongg skills
Find 111 skills from 2 repos created by toilahuongg on GitHub.
Sponsored
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.
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.
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.
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
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.
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.
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.
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.
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
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.
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-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-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.
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.
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.
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.
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.
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.
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.
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.
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.
release
toilahuongg/shopify-agents-kit
6
This skill orchestrates a complete release workflow by validating tests, updating changelog, and tagging versions for seamless deployment.
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.
vercel-ai-sdk
toilahuongg/shopify-agents-kit
6
This skill helps you integrate Vercel AI SDK into Remix apps to build AI chatbots and agents with streaming and context injection.
threejs-shaders
toilahuongg/shopify-agents-kit
6
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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-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-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.
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.
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
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/google-antigravity-kit
Best practices for Remotion - Video creation in React
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.
brainstorm
toilahuongg/google-antigravity-kit
Guide for facilitating creative brainstorming sessions using AI, leveraging techniques like SCAMPER, Design Thinking, and lateral thinking.
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.
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.
research
toilahuongg/google-antigravity-kit
Guide for conducting thorough and synthesized research, focusing on verification, multi-source analysis, and RAG patterns.
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").
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.
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.
mongoose
toilahuongg/google-antigravity-kit
Guide for Mongoose ODM (2025-2026 Edition), covering Mongoose 8.x/9.x, TypeScript integration, and performance best practices.
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-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.
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.
shopify-testing
toilahuongg/google-antigravity-kit
Guide for testing Shopify Apps, including Unit Testing with Remix, Mocking Shopify Context, and E2E Testing.
typescript
toilahuongg/google-antigravity-kit
Best practices and guidelines for TypeScript (2025-2026 Edition), focusing on TS 5.x+, modern type safety, and performance.
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.
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.
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.
shopify-metafields
toilahuongg/google-antigravity-kit
Guide for working with Shopify Metafields. Covers definitions, storing custom data, accessing via Liquid, and GraphQL mutations.
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.