Skill UI

A comprehensive guide covering fundamental principles for creating 2D games. It details best practices for sprite organization (atlases, animation), tilemap design, physics implementation (collision shapes, fixed timestep), camera systems (follow, look-ahead), and genre-specific patterns like platformers and top-down games. Essential for game developers building robust 2D experiences.

Designs and implements immersive web experiences using Three.js, React Three Fiber, Spline, and WebGL, covering product configurators, portfolios, scroll-driven scenes, and performance-aware 3D delivery.

This expert conducts comprehensive audits to ensure digital products comply with WCAG standards. It specializes in identifying accessibility barriers, testing user experiences for users with disabilities, and providing step-by-step remediation guidance. Use it for auditing web or mobile platforms, establishing compliance, and improving overall inclusivity.

Master modern API documentation using OpenAPI 3.1, AsyncAPI, and advanced AI tools. This skill facilitates the creation of world-class, interactive developer portals, robust SDK generation, and comprehensive API specifications. It ensures documentation is always accurate, actionable, and significantly improves the overall developer experience (DX), reducing time-to-integration.

This comprehensive skill guides the systematic optimization of end-to-end application performance across the entire stack. It covers establishing performance baselines through deep profiling (CPU, Memory, I/O), assessing observability gaps, optimizing databases, tuning backend services and APIs, and enhancing frontend rendering. Ideal for complex, scalable applications that require measurable performance improvements, reliability enhancements, and adherence to modern user experience standards.

This comprehensive skill guides the systematic optimization of end-to-end application performance across the entire stack. It covers establishing performance baselines through deep profiling (CPU, Memory, I/O), assessing observability gaps, optimizing databases, tuning backend services and APIs, and enhancing frontend rendering. Ideal for complex, scalable applications that require measurable performance improvements, reliability enhancements, and adherence to modern user experience standards.

Artifacts Builder scaffolds Claude.ai-ready React+TypeScript projects with Tailwind/shadcn/ui, automating init and Parcel bundling into a shareable single HTML artifact for complex UI experiences.

A comprehensive guide detailing best practices for creating modern, clean, and highly maintainable user interfaces using Avalonia and Zafiro.Avalonia. It emphasizes leveraging semantic containers, defining shared styles, and utilizing generic components to dramatically reduce XAML redundancy and improve code structure. Learn to adopt patterns like Behaviors over Converters, and prevent deep nesting for optimal developer experience.

This SDK enables the development of real-time, conversational AI applications using Azure Cognitive Services. It supports bidirectional communication via WebSockets, allowing for continuous audio streaming (mic input) and receiving synthesized speech output. Ideal for building voice assistants, IVR systems, and interactive voice experiences.

This guide provides a comprehensive workflow for configuring a local development environment using Clerk authentication. It covers setting up test keys, seeding test users, configuring hot reloading, and mocking authentication for unit tests, ensuring a robust and isolated development experience.

A comprehensive guide to enhancing Clerk authentication performance within a Next.js application. Techniques covered include optimizing middleware routing, implementing React's cache() and unstable_cache() for data deduplication, optimizing token handling, utilizing dynamic imports for lazy loading, and leveraging Edge Runtime for faster cold starts. Ideal for reducing latency and improving user experience during authentication flows.

Provides targeted guidance for improving LCP, INP, and CLS to boost page experience and search rankings, with checklists, issue breakdowns, and actionable fixes for rendering and interaction bottlenecks.