Skill UI

A comprehensive guide for optimizing SEO indexing and managing crawl budget specifically for Next.js applications. Covers fixing Google Search Console coverage errors, implementing proper canonical tags, auditing sitemaps, managing static rendering, and optimizing internal linking for maximum search visibility.

Expert in Odoo QWeb templating for PDF reports, email templates, and website pages. Covers directives like t-if, t-foreach, and t-field. Generates structured XML for reports and debugs rendering issues.

This skill guides users to create a new Remotion video project from scratch. It covers scaffolding the project structure, installing dependencies, designing video compositions using React, configuring preview servers, and rendering the final video output. It is suitable for developers building video content with Remotion tools.

This skill enables users to export and render videos using the Remotion framework via command-line interface. It supports rendering full videos and still images with options for transparency. Users should follow the documented CLI commands like npx remotion render or npx remotion still. It is suitable for video production workflows involving Remotion projects.

A comprehensive guide for writing efficient GLSL shaders (Vertex/Fragment) used in WebGL and game engines. Learn fundamental concepts like shader structure, uniforms, varying variables, and advanced techniques such as raymarching and post-processing effects, optimizing graphics rendering performance on the GPU.

SvelteKit is the official full-stack framework built on Svelte, enabling developers to build fast, modern, and highly performant web applications. It provides comprehensive features including file-based routing, Server-Side Rendering (SSR), Static Site Generation (SSG), API routes, and progressive form actions, all while maintaining Svelte's zero runtime overhead. Use this skill when building complex, data-driven web platforms where performance and developer experience are paramount.

Implement physically based sky and aerial perspective systems in Three.js for planetary atmospheres and ground-to-space transitions. Includes Rayleigh/Mie scattering, precomputed LUTs, depth-based transmittance, and atmosphere-aware lighting.

This skill covers the core setup of Three.js scenes, including cameras, renderers, and object hierarchies. It is designed for initializing 3D environments, configuring rendering pipelines, and managing basic transforms. Use this for foundational work before advancing to shaders or post-processing effects.

This skill provides guidance on creating and optimizing geometry in Three.js, including built-in shapes, custom BufferGeometry, vertices, and instanced rendering. It is intended for developers working on 3D mesh structures, custom geometry, or performance optimization with instancing.

Construct a structured rendering pipeline for advanced Three.js scenes, managing shared buffers and signal ordering. Supports depth, normals, albedo, bloom, tone mapping, and grading. Ideal for composing multiple image-space systems rather than single effects. Ensures proper exposure metering and output conversion.

This skill enables adding visual effects like bloom, depth of field, and color grading to Three.js 3D scenes. It utilizes EffectComposer and custom shaders for screen-space enhancements, suitable for final image rendering optimization and artistic styling in web-based 3D applications.

This skill enables creating procedural vegetation such as trees, grass, and flowers within Three.js or WebGPU environments. It focuses on growth hierarchies, surface-following vines, and deterministic geometry generation. Techniques include GPU culling, wind simulation, and optimized rendering for virtual fields, ensuring high performance and visual fidelity in 3D scenes.