Skill UI

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 validates Three.js graphics implementations using fixed-view visual contracts and diagnostics. It ensures reproducibility through seed sweeps, camera-scale tests, and temporal stability checks. It captures no-post baselines and GPU budgets to prevent regression in procedural scenes, evaluating the rendering mechanism rather than subjective screenshots.

Implement high-quality volumetric cloud systems in Three.js using weather-driven density, bounded raymarching, and temporal reconstruction. Supports multiple layers, cloud shadows, and scalable quality modes for realistic weather visualization.

Framework-agnostic SEO workflow for sites with many tool, product, or feature pages. Fixes duplicate content, unique meta tags, heading hierarchy, internal linking, URL slugs, and E-E-A-T, with a content registry pattern for scaling 50-500 pages plus blog strategy for low-ranking keywords.

Scan the most-traded crypto futures pairs for up to 3 technical conditions in one TraderSpy call, compare coins, and backtest what followed a condition. Use for "which coins are oversold".

Comprehensive guidance for mastering advanced TypeScript type features, including generics, conditional types, mapped types, and utility types. This skill is essential for building robust, maintainable, and highly type-safe applications, such as large-scale libraries, complex API clients, and advanced state management solutions.

This skill generates new UI components adhering to the StyleSeed design conventions. It ensures consistency with Tailwind v4, CVA, and accessibility standards. Use it for creating reusable primitives or patterns within React projects. Do not use for full-page scaffolding or non-StyleSeed projects.

This skill performs a quick automated lint scan to detect common design system violations in seconds. It checks for hardcoded colors, raw pixel values, old width/height syntax, physical properties, forbidden colors, missing data-slots, and improper className usage. Ideal for running after every file change to maintain design consistency and prevent technical debt in UI development projects using design tokens.

Scaffold new mobile pages/screens using StyleSeed layout patterns. Provides a template with PageShell, TopBar, and BottomNav components, enforces design tokens, spacing rules, and verifies against Golden Rules.

Expert Unity developer skill for building high-performance, cross-platform games with optimized C#, URP/HDRP rendering pipelines, advanced asset management, and scalable architecture.