Skill UI

This guide details how to install the official SerpApi client library for Python and Node.js, and properly configure API key authentication. It is essential for any project requiring structured JSON results from major search engines like Google, Bing, and YouTube, ensuring secure and reliable search result scraping.

This utility provides a robust local development loop for integrating search APIs (like SerpApi). By caching real search responses into fixtures, developers can test search integrations, write unit tests, and develop features offline without incurring continuous API costs. It includes detailed instructions and code examples for Python and Node.js, ensuring cost-effective and reproducible testing.

A comprehensive production readiness checklist for integrating SerpApi into live applications. This guide covers critical steps including secure API key management, setting up usage monitoring and credit budgets, implementing robust error handling, and optimizing performance for high availability. Use this when deploying or upgrading search features powered by SerpApi.

A comprehensive reference architecture for building scalable, production-grade search features using SerpApi. This blueprint covers essential components such as caching layers (Redis), multi-engine abstraction, SERP tracking pipelines, rate limiting, and credit budget management. Ideal for developers designing advanced search widgets, SEO tools, or complex search-powered applications.

This guide outlines production-ready patterns for integrating SerpApi into robust search services. It covers essential best practices, including defining typed result interfaces for type safety, implementing LRU caching to conserve API credits, and building multi-engine abstractions to handle various search types (web, news, images). It also demonstrates asynchronous search processing for non-blocking operations.

This guide outlines essential security best practices for managing and protecting your SerpApi API key. Since the key grants full account access, developers must never expose it in client-side code. It details how to implement secure backend proxies, manage environment variables using secret managers, set up rate limiting to prevent abuse, and monitor usage patterns in production environments.

This guide provides detailed instructions for migrating code from the legacy `google-search-results` package to the modern `serpapi` client library. It covers major API changes, including structural updates in Python and Node.js, transitioning from callback-based or class-based calls to modern, promise/async-await structures. Use this when upgrading dependencies or updating search logic.

This guide details how to implement robust pre-commit hooks using Husky, lint-staged, and Prettier. It ensures that code is automatically formatted, type-checked, and tested before being committed. This process is essential for maintaining consistent code quality and standardized development practices across a team.

Shipwright is an autonomous, multi-phase agent designed to convert simple, plain-English requirements into fully functional, tested, and deployment-ready applications. It supports modern full-stack frameworks like Next.js/Supabase, SvelteKit, and Astro. Use this tool when you need to scaffold a complete project, add complex features, or generate an entire SaaS dashboard merely by describing it.

This wrapper integrates Shopify's official AI Toolkit MCP server with Claude Code. It provides essential developer capabilities, including real-time GraphQL schema validation, Liquid template linting (checking for deprecated filters and anti-patterns), and instant search across Shopify's extensive documentation. Use this skill when setting up complex Shopify MCP integrations, ensuring code quality, or debugging API calls.

This guide helps developers choose the optimal architecture pattern for building on Shopify. It compares four validated variants: Embedded Remix App (for admin tools), Headless Storefront (for custom e-commerce experiences using Hydrogen), Backend Integration (for system syncing like ERP), and Theme App Extension (for storefront widgets). Use this resource when starting a new Shopify project to determine the correct development path and technology stack.

These extensions enable developers to customize the Shopify checkout experience using sandboxed, React-like components. They serve as the modern replacement for the deprecated checkout.liquid, allowing deep integration into the purchase flow. Use cases include adding custom data fields (metafields), rendering dynamic promotional banners, and reading real-time checkout state information.