Skill UI

Build silhouette-aware parallax occlusion mapping in Three.js WebGPU with TSL. Covers height-field ray marching, refined relief UVs, flat or curved silhouette coverage, inflated shells, height-derived normals, marched self-shadowing and relief-aware shadow depth.

Create realistic weather effects in Three.js by coupling precipitation particles with surface responses. This skill covers snow accumulation, wet puddles, rain streaks, and splash animations. It ensures visual consistency between falling weather and ground interaction, including wind, wetness transitions, and procedural normals for immersive 3D environments.

Author production-grade procedural materials in Three.js, including PBR surfaces, displacement, masks, optical effects, and physically based shading for realistic 3D scenes.

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.

This skill implements a production-grade GTAO path in Three.js, utilizing half-resolution horizon sampling and reversed-depth reconstruction. It includes bent-normal encoding, full-resolution bilateral reconstruction, and environment-light application to enhance contact grounding and halo diagnosis without darkening direct light or emission.

Implement stable and scalable directional shadow systems for Three.js applications. This skill covers large procedural worlds, city scenes, and terrain rendering with moving cameras. It includes techniques like WebGPU/TSL shadow nodes, cascades, cached clipmaps, texel stabilization, update budgets, and targeted invalidation to ensure performance.

This skill enables building large procedural oceans and coast transitions in Three.js using spectral methods. It supports WebGPU and TSL FFT oceans, multi-cascade wavelength bands, and coastal breakers. Features include finite-volume shallow-water waves, signed-distance coastlines, wet-sand transitions, and advanced underwater optics like Snell-window views and caustic god rays. Ideal for realistic aquatic environments with GPU validation.

This skill enables building view-aligned and screen-space surface effects in Three.js, including touch-history frost, ping-pong accumulation, and procedural rain droplets. It covers reduced-resolution blur, crystalline masks, and two-scale refraction through wet glass. Use persistent or procedural history explicitly without faking accumulation with noise.

This skill guide provides comprehensive implementation details for the Metro/Modern UI style, mimicking the aesthetic of Windows Phone/8 start screens. It focuses on creating sharply cornered, flat-color tiles arranged in a horizontally scrolling grid. Key features include live data updates (e.g., tile flipping) and replicating the classic interactive 'tilt' effect. Applicable for cross-platform development using Web (CSS), iOS (SwiftUI), and Flutter.

This comprehensive tool suite provides programmatic automation for Todoist task management. Users can manage the entire task lifecycle, including creating, updating, completing, and deleting tasks. It also supports structured organization by managing projects and sections, and filtering tasks using advanced workflows. Ideal for integrating task management into automated business processes or applications.

This skill automatically routes subtasks to the most cost-effective Claude model (Haiku, Sonnet, or Opus) based on complexity. It logs real token usage and cost per session, and includes an A/B testing feature to validate model tier savings against your actual workload, ensuring accurate cost control.

This skill provides advanced guidelines for designing robust and effective tools specifically for autonomous AI agents. It shifts the focus from traditional developer APIs to contracts optimized for Language Models (LLMs). Key topics covered include treating tool descriptions as prompt engineering, implementing namespacing, applying the Consolidation Principle, and utilizing Architectural Reduction patterns (like file system access) to maximize agent reliability and workflow complexity.