Skill UI

This skill provides a comprehensive guide to auditing and fixing common animation performance issues in web applications, including layout thrashing, jank, and inefficient scroll-linked motion. It outlines critical best practices across CSS and JavaScript, covering rendering steps (layout, paint, composite) and best practices for achieving smooth, high-performance user interfaces.

This infrastructure provides a robust solution for running powerful AI agents in remote, sandboxed environments. It overcomes the limitations of local execution by ensuring unlimited concurrency, consistent environments, and collaborative features. Use this to build complex background coding agents, multi-client interfaces (e.g., Slack, Web), or scale agent workloads far beyond local machine constraints.

This skill guides the comprehensive packaging and deployment of applications built with Makepad. It covers building for multiple target platforms, including desktop (Windows, macOS, Linux), mobile (Android, iOS), and WebAssembly. Use this guide when setting up CI/CD pipelines, generating distributable installers (.deb, .dmg, .apk, .ipa), or automating release artifacts using tools like cargo-packager and cargo-makepad.

This skill provides expert guidance on Makepad's cross-platform development lifecycle. It helps users understand platform-specific APIs, manage conditional compilation (e.g., macOS, Windows, WebGL2), and handle OS-specific behaviors across desktop, mobile, and web environments. Use it when targeting diverse deployment targets or integrating platform-level features.

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.

Generate and debug server-side QWeb XML for Odoo PDF reports, emails, and website pages, with correct directives, translations, and report action bindings.

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.

Helps implement, audit, and validate JSON-LD schema markup so websites earn rich results, clarify content for AI search, and track structured data issues reported in Search Console before launching updates.

This skill acts as an expert in website information architecture and technical SEO. It helps users audit existing site structures, plan new hierarchies, and implement strategic internal linking. Use this when addressing structural SEO problems, designing URL patterns, or optimizing content silos to build topical authority.

This guide provides a comprehensive overview of the core concepts of Three.js, the leading JavaScript library for WebGL 3D rendering. It covers setting up the entire 3D environment, including the Scene, Camera types (Perspective, Orthographic), and the WebGLRenderer. Users will learn to handle object hierarchies, apply transforms (position, rotation, scale), and manage complex rendering settings like lighting, shadows, and environment maps. Essential for any developer starting a WebGL project.

This skill covers implementing complex user interactions within Three.js scenes. It demonstrates techniques like raycasting for precise object selection and click detection, handling mouse and touch inputs, and integrating various camera controls (OrbitControls, FlyControls, FirstPersonControls). Use this when building highly interactive, immersive 3D web applications.

A comprehensive guide to implementing various lighting techniques in Three.js, covering Ambient, Directional, Point, Spot, and RectArea lights. Learn how to configure realistic shadow maps, optimize lighting performance, and achieve high visual fidelity for your 3D web scenes.