Skill UI

A comprehensive guide for building or reviewing SwiftUI User Interfaces that utilize the modern Liquid Glass aesthetic. This skill focuses on correctly implementing native Apple APIs (like `glassEffect` and `GlassEffectContainer`) while ensuring proper fallback mechanisms, modifier ordering, and performance for iOS 26+ devices. Ideal for adopting cutting-edge iOS design patterns.

This skill provides a comprehensive, structured workflow for diagnosing performance bottlenecks in SwiftUI applications. It guides users through a code-first review to detect common issues like invalidation storms, layout thrash, or heavy main-thread work. When code review is insufficient, it provides detailed guidance on collecting runtime evidence using Instruments, enabling precise root cause analysis and targeted remediation strategies.

Safely refactor code with a comprehensive TDD safety net: establish a green baseline, detect code smells, apply design patterns and SOLID principles, optimize performance, and verify all tests remain green.

Master AI-powered test automation using modern frameworks like Playwright and Selenium. Implement self-healing tests, CI/CD integration, and quality engineering strategies. Covers TDD, performance testing, and cross-platform validation for scalable software delivery.

This comprehensive workflow provides a complete cycle of quality assurance for software development. It covers every stage from defining the test strategy (TDD, Unit Testing) through integration, E2E testing, browser automation, performance profiling, security scanning, and final code review. Use this when setting up robust testing infrastructure or ensuring production-ready software quality.

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.

Master Three.js lighting techniques including ambient, directional, point, and spot lights. Learn to configure shadows, environment lighting, and optimize performance for realistic 3D scenes. Essential for web 3D development.

This skill covers Three.js material types including PBR, basic, Phong, and shader materials. It helps with styling meshes, applying textures, creating custom shaders, and optimizing material performance for 3D web 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.

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.

Configure Turborepo for efficient monorepo builds using local and remote caching strategies. This skill covers setting up build pipelines, optimizing CI/CD performance, and implementing distributed caching solutions like Vercel or self-hosted servers. It includes managing cache keys, outputs, and filtering packages for faster development workflows.

Advanced TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling. Provides practical solutions for complex type errors, build performance, and type-safe design patterns.