Skill UI

Automates the generation of production-ready Playwright end-to-end (E2E) tests. By accepting high-level inputs such as user stories, feature descriptions, or component names, this tool analyzes the codebase, selects appropriate testing templates (e.g., CRUD, login, checkout), and generates structured, best-practice test files. It ensures adherence to modern web testing standards, including proper locator strategies (getByRole), assertion techniques, and project conventions (fixtures, page objects).

This assistant is an expert guide for developing user interfaces using the Makepad framework. It helps users write, explain, and troubleshoot code for a comprehensive set of widgets, including containers (View, PortalList), input controls (TextInput, Slider), navigation elements (TabBar, Modal), and media components. It adheres to best practices, providing structured code patterns and detailed usage documentation for building complex, modern UIs.

This tool provides a comprehensive, file-by-file mechanism to migrate existing UI test suites from older frameworks like Cypress or Selenium to the modern Playwright framework. It automatically detects the source framework, maps key API functions (e.g., `cy.get` to `page.locator`), upgrades outdated locators to best practices (like `getByRole`), and manages the entire conversion process, ensuring high compatibility and minimizing manual effort. Ideal for teams modernizing their E2E testing infrastructure.

A comprehensive guide for implementing reliable and resilient network communication in modern applications. Covers best practices for API requests, utilizing libraries like React Query/SWR for advanced data fetching, implementing robust error handling with retries and exponential backoff, managing authentication tokens, and ensuring offline-first support across various environments (including Expo Router loaders).

This skill generates a complete, opinionated, modern full-stack Rails application boilerplate. It sets up a robust tech stack including Rails 8, PostgreSQL, React, Inertia.js, Vite, Tailwind CSS, Sidekiq, and Redis. Designed for developers who need a starting point that adheres to best practices for database structure (UUIDs, JSONB), background job processing, comprehensive testing, and modern frontend development (TSX). Ideal for bootstrapping complex, production-grade web services.

This guide details how to seamlessly connect Odoo (ERP) with Shopify (E-commerce). It covers the full synchronization of mission-critical data, including product catalogs, real-time inventory levels, customer records, and incoming sales orders. Learn to implement API-driven integrations using webhooks, XMLRPC, and modern Python techniques to ensure data consistency across both platforms.

Varlock is a secure-by-default CLI tool designed to manage and validate sensitive environment variables and secrets during coding sessions, CI/CD, and development workflows. It ensures that credentials, API keys, and passwords are never exposed in logs, terminal output, error messages, or the assistant's context, providing a critical layer of security for modern development practices.

Master the Zod library for defining robust, type-safe schemas in TypeScript. This expert covers advanced validation techniques, including primitives, objects, unions, and discriminated unions. It specializes in type inference (`z.infer`), data coercion, complex refinements, and seamless integration with modern frameworks like React Hook Form, Next.js, and tRPC, ensuring consistency across your application state and API inputs.

A specialist in building highly interactive, spatial, and weightless web interfaces using advanced techniques like GSAP, 3D CSS transforms, and React. This skill excels in implementing modern visual trends such as glassmorphism and isometric grids, providing a premium, immersive feel for sophisticated dashboards and landing pages.

A comprehensive guide and template for deploying applications from idea to production. It covers modern DevOps practices, including containerization with Docker, robust CI/CD workflows using GitHub Actions, and infrastructure management with AWS SAM and Terraform. Includes setup for monitoring, health checks, and scalable cloud deployments.

This skill provides access to a comprehensive, high-quality icon library designed for modern UI/UX systems. It ensures superior visual consistency across digital products by offering multiple premium styles (Linear, Bold, Two-tone). Users can find existing icons or leverage the integrated AI generator to create unique, perfectly styled custom icons, elevating the design professionalism beyond standard generic sets.

Utilizes advanced AI to generate, compare, and integrate multiple production-ready, modern, and highly customizable UI component variations. Instead of a single solution, this skill provides multiple design options (e.g., pricing tables, contact forms) with advanced styling like glassmorphism and animations, ensuring the final design is unique and visually stunning. Ideal for front-end developers and designers pushing design boundaries.