Skill UI

Guide for implementing animations in Makepad 2.0 UI development. Covers Animator API, animation groups, states, ease functions, and widget compatibility for hover effects, transitions, and looping animations.

This skill enables users to create and debug animations within the Makepad UI framework. It covers hover states, transitions, timelines, easing functions, and keyframe animations using Rust code. Ideal for building interactive visual feedback in Makepad applications.

Audit multi-role marketplace authorization across roles, resource ownership, tenant boundaries, and order-state transitions. Use this skill when access rules require evidence instead of UI assumptions, covering policy matrices, identity tracing, and field-level security checks.

This specialized skill reviews user interface animations, motion patterns, and interactive code (CSS, Framer Motion, etc.) against a strict, high-craft standard. It evaluates not only functionality but also performance, accessibility, physical correctness, and adherence to motion design principles. Use it when reviewing diffs related to transitions, keyframes, or gestures to ensure the motion feels right, not just that it runs.

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.

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.

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.

A comprehensive guide for implementing view transitions in React and Next.js. Learn how to animate UI states, shared element animations, and route changes using the native ViewTransition API. Covers best practices for maintaining spatial continuity and adapting to different navigation contexts.

This skill acts as a senior software architect to audit AI-generated or rapidly iterated code. It identifies structural flaws, security risks, and production readiness issues. It evaluates architecture, consistency, robustness, and production risks without rewriting code. Ideal for prototype-to-production transitions and technical debt management.