Skill UI

Automates React Context setup within frontend development, guiding users through best practices, production-ready code, and validation for React-related modern web patterns.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.

Expert skill for building high-performance, memory-safe systems, web services, and complex libraries using modern Rust (1.75+). Specializes in advanced async programming with Tokio, zero-cost abstractions, and mastering ownership and lifetime rules. Ideal for implementing scalable backend APIs, low-level networking, and performance-critical components where memory safety is paramount.

This guide provides expert patterns for building robust and scalable applications on the Salesforce platform. It covers modern UI development using Lightning Web Components (LWC) with reactive data services, and teaches advanced Apex implementation. Key patterns include utilizing handler classes for bulkified triggers to prevent recursion and ensuring separation of concerns, crucial for high-performance, maintainable code.

A comprehensive skill set for modern frontend development using React, Next.js, TypeScript, and Tailwind CSS. It covers automated project scaffolding, component generation (including hooks and stories), and critical bundle analysis. Use this to enforce best practices, optimize performance, and maintain high code quality in large-scale web applications.

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.

This comprehensive guide covers the full stack of Shopify development. Learn to build robust custom applications, highly customized extensions (for checkout, admin, and POS), and dynamic storefront themes. It details using GraphQL Admin API, managing webhooks, and utilizing Liquid for templating, enabling developers to integrate external services and enhance the entire merchant e-commerce experience.

Expert in building and debugging comprehensive Shopify solutions. Specializes in theme development using Liquid, implementing headless commerce via the Storefront API, and developing custom Shopify applications (OAuth, webhooks). Proficient in modern e-commerce architectures, including Hydrogen/React frontends, managing Shopify CLI workflows, and optimizing performance for high-volume online stores.

This skill provides a comprehensive collection of quick-start templates for developing applications across diverse tech stacks. Users can quickly scaffold full-stack web apps (Next.js), SaaS products, REST APIs (Express, FastAPI), mobile apps (Flutter, React Native), and specialized tools like CLI utilities. It ensures the initial project setup adheres to modern best practices, saving significant time during the initial development phase.

This skill provides expertise in building robust, scalable, and intelligent test automation ecosystems. It covers AI-powered test generation, self-healing tests, Test-Driven Development (TDD), cross-platform automation (Web/Mobile/API), advanced CI/CD integration, and comprehensive quality engineering practices, ensuring high quality across the entire software development lifecycle.

This skill generates code to create complex, interactive 3D scenes and visualizations on the web using the Three.js library and WebGL. It covers the entire development lifecycle, including setting up the core components (Scene, Camera, Renderer), defining geometry, applying materials, adding lighting, and implementing animation loops. Ideal for web developers needing to display product mockups, scientific data visualizations, or immersive user experiences.

Configures robust CI/CD pipelines for Vercel projects using GitHub Actions. This guide automates the full deployment lifecycle, including generating preview environments on every pull request, performing reliable production builds upon merging to main, and implementing test gating to ensure code quality before release. Ideal for professional web development workflows.