Skill UI

A comprehensive guide to setting up and authenticating the Ideogram API for AI image generation. This skill covers obtaining the necessary API key, configuring environment variables, and providing verifiable code snippets (Python/TypeScript) to establish a successful connection. It is essential for integrating image generation, editing, and remixing capabilities into any development project.

A comprehensive guide providing expert patterns for building modern, robust Shopify applications. This skill covers the entire development lifecycle, including React Router app setup, handling complex webhooks, embedding the app within the Shopify Admin using App Bridge, and interacting with the GraphQL Admin API. Ideal for developers building e-commerce integrations.

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

A comprehensive guide to implementing a production-ready Shopify app architecture using the Remix framework. This template covers ideal project structure, integrating Prisma for robust session storage, and implementing official Shopify patterns like Theme App Extensions and webhooks. Use this when starting a new e-commerce SaaS application on Shopify.

This skill defines a framework-agnostic, scalable architecture pattern for React and React Native applications. It mandates feature modules, strict state separation (server vs. UI), and disciplined import rules to create predictable, maintainable, and highly scalable codebases, regardless of the chosen framework (Next.js, Remix, etc.).

A portable, framework-agnostic architecture style for React or React Native frontends. It organizes apps into feature modules with strict server-state vs UI-state splits, barrel-only imports, and co-located styles. This structure ensures contributors can instantly locate code, understand import rules, and distinguish state origins without ambiguity. Works with Next.js, Vite, Remix, and Expo.

Expert patterns for building Shopify applications using Remix, React Router, and App Bridge. Covers webhook handling, GraphQL Admin API, Polaris UI components, billing integration, and app extensions. Ideal for developers creating custom Shopify solutions.

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.