Skill UI

A comprehensive guide to designing effective free tiers, freemium models, and free trials for developer tools. It teaches how to create usage limits and feature gates that encourage natural conversion to paid plans without causing developer resentment or hindering initial adoption.

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

This discipline establishes a portable, framework-agnostic layer for ensuring type safety at the network edge of any React or React Native application. It mandates a single, typed API client to wrap all network fetching, guaranteeing that raw wire JSON is immediately parsed into trusted, domain-specific types or standardized error objects before entering the application state. This pattern drastically reduces runtime errors and enhances code robustness.

A portable, framework-agnostic system designed for robust field-side observability in React or React Native apps. It establishes a strongly typed event taxonomy, ensures best-effort, non-blocking data fan-out across multiple analytics providers, and enforces consent gates for all telemetry data. This system complements synthetic testing by capturing real user vitals (LCP, INP, CLS) and behavioral events in production.

A comprehensive discipline for managing the write path in React or React Native applications using a query/cache layer. It codifies the full optimistic update lifecycle, ensuring that UI updates feel instantaneous, rollbacks are verbatim upon failure, and the global cache remains perfectly coherent across all components and list views. This pattern is essential for complex, highly interactive user experiences.

A framework-agnostic, builder-based SEO system designed for React and React Native-for-web applications. It centralizes site identity (title, description, OG tags) in a single source of truth, ensuring all metadata, canonical URLs, and structured data (JSON-LD, sitemap, robots.txt, RSS) are consistent, machine-readable, and automatically generated for every route.

Create highly aesthetic, animation-rich HTML presentations from scratch or convert existing PowerPoint files (PPT/PPTX). This tool focuses on generating distinctive, professional web decks with fixed 16:9 ratios. It supports low-density for keynote talks or high-density for detailed reports, ensuring visual impact and zero dependencies.

Use this comprehensive skill for interacting with the Gemini API. It supports a wide range of advanced AI tasks, including text generation, multi-turn chat, multimodal understanding, image/video creation, function calling, and structured output. Provides modern SDKs for robust application development in Python and JavaScript/TypeScript.

This skill guides developers on building real-time, bidirectional, and multimodal streaming applications using the Gemini Live API. It covers low-latency voice, video, and text streaming over WebSockets, incorporating advanced features like Voice Activity Detection (VAD), function calling, and secure session management. Ideal for conversational AI, interactive video conferencing, and complex real-time user experiences.

Use this powerful skill to perform advanced, multi-modal video generation and editing using the official google-genai SDK. Capabilities include generating realistic videos from text prompts (Text-to-Video), animating scenes from a single input image (First-Frame-to-Video), and applying style or character references from images. It also supports complex video refinement, inpainting, and optimizing source footage for professional creative workflows.

This skill guides users on optimizing their GitHub presence for maximum discoverability and professional appeal. It covers best practices for writing compelling README files, structuring comprehensive profile READMEs, and strategically implementing trust badges and marketing elements to enhance project visibility and adoption.

This guide details best practices for implementing robust, type-safe GraphQL queries and mutations. It covers using separate .gql files, running code generation tools, and implementing mandatory error handling (onError) and loading states. Use this when building complex, reliable data fetching layers with Apollo Client.