Skill UI

A comprehensive guide to securely implementing Supabase across diverse modern application stacks. This skill covers critical patterns for Next.js Server Components (SSR), Single Page Applications (SPA), React Native mobile apps, Edge Functions (Serverless), and complex multi-tenant deployments using RLS or schema isolation. It guides developers on correctly managing client types (anon vs. service_role) and handling authentication flows in various environments.

tRPC allows developers to build highly type-safe APIs in a full-stack environment without needing to write or maintain separate schemas. It provides end-to-end type safety from server routers to client components, supporting queries, mutations, subscriptions, and robust middleware. Ideal for building modern TypeScript monorepos, Next.js, or Remix applications.

This guide provides comprehensive instructions for setting up and authenticating Framer development environments. It covers two primary surfaces: the Plugin SDK (for UI running inside the editor) and the Server API (for headless CMS synchronization or CI/CD). Users will learn how to initialize projects, configure environment variables, and connect both client-side and server-side components.

This guide provides comprehensive instructions for setting up and authenticating the Apify ecosystem. It covers installing and configuring core components including the apify-client library, the native Apify SDK, and the Apify CLI. Learn how to manage API tokens, use environment variables, and initialize the necessary tools for building web scrapers and automation workflows.

A comprehensive guide to production-ready patterns for Web3 development using the Alchemy SDK. Covers essential architectural components such as multi-chain client factories, response caching mechanisms, type-safe NFT query builders, and robust error classification, ensuring highly scalable and reliable blockchain applications.

This guide details the recommended reference architecture and project structure for integrating with the Hex platform. It covers best practices for designing robust data pipelines, including components like orchestration layers (Airflow, Dagster), API clients, and standardized project layouts. Use this when starting new Hex integrations or reviewing complex data workflows.

This module provides essential, standardized abstractions and hooks for managing navigation within a web administration panel. It includes components like LinkComponent and RouteLinkComponent, along with hooks such as useRouter and useRoute, allowing developers to easily structure routes, handle redirection, and manage client-side navigation state efficiently.

This comprehensive tool generates professional, structured marketing agency proposals, pitch decks, and scopes of work. It guides the creation of all necessary components—including strategic analysis, service deliverables, KPI frameworks, pricing models, and terms & conditions—to help agencies formalize engagements, win new business, or expand existing partnerships.