Skill UI

This skill generates code to create complex, interactive 3D scenes and visualizations on the web using the Three.js library and WebGL. It covers the entire development lifecycle, including setting up the core components (Scene, Camera, Renderer), defining geometry, applying materials, adding lighting, and implementing animation loops. Ideal for web developers needing to display product mockups, scientific data visualizations, or immersive user experiences.

A comprehensive guide for developers to measure, analyze, and optimize website and web application performance. Covers critical areas including Core Web Vitals (LCP, FID, CLS), reducing JavaScript bundle size, implementing effective caching, and optimizing rendering paths to boost user experience and SEO rankings.

This skill provides a comprehensive, hands-on introduction to Windsurf's core AI capabilities. Users will experience Supercomplete for advanced tab completions, Cascade for agentic chat and direct code modifications (Write mode), and Command for targeted inline code adjustments. It is ideal for developers starting with Windsurf or needing a quick overview of its powerful IDE integrations.

This skill guide details the integration of Jetpack Compose Views and modifiers into Expo applications. It enables developers to build high-fidelity, Android-native UI experiences by mirroring Jetpack Compose and Material Design 3 patterns within the Expo SDK environment. It provides instructions on using core components like Host, LazyColumn, and various modifiers for advanced Android UI construction.

MolyKit is a comprehensive toolkit designed for building robust, cross-platform AI chat applications. It provides core utilities for integrating large language models (LLMs) like OpenAI, handling real-time SSE streaming responses, and managing complex cross-platform asynchronous patterns (PlatformSend, spawn()). The kit includes ready-to-use widgets for messages, prompt inputs, and avatars, making it ideal for developers creating sophisticated, multilingual chat experiences.

This guide provides a comprehensive overview of various material types in Three.js, including MeshBasic, MeshLambert, MeshPhong, MeshStandard, and advanced MeshPhysical materials. It covers techniques for achieving realistic PBR rendering, simulating materials like glass, car paint, and fabric, and utilizing custom shaders for maximum visual control. Essential for any developer styling meshes and creating immersive 3D experiences.

A comprehensive master guide for developers looking to embed interactive 3D scenes created in Spline.design into modern web projects. It provides specific integration methods for various frameworks, including React, Next.js, Vue, and vanilla JavaScript, ensuring optimal performance and runtime control for stunning UI/UX experiences.

SvelteKit is the official full-stack framework built on Svelte, enabling developers to build fast, modern, and highly performant web applications. It provides comprehensive features including file-based routing, Server-Side Rendering (SSR), Static Site Generation (SSG), API routes, and progressive form actions, all while maintaining Svelte's zero runtime overhead. Use this skill when building complex, data-driven web platforms where performance and developer experience are paramount.

A comprehensive guide on utilizing Firebase Remote Config within Flutter applications. Learn how to implement dynamic feature flags, execute A/B testing, manage remote parameter defaults, and fetch real-time configuration values. This skill allows developers to modify app behavior and user experiences without requiring an app store update, ensuring fast iteration and efficient product testing.

Learn how to add Adaptive Card response templates to MCP-based API plugins. This guide details static, dynamic, and combined templates, enabling developers to enhance data presentation and ensure a visually rich, structured user experience within Microsoft 365 Copilot.

This module provides structured implementations of critical reliability patterns (Circuit Breaker, Graceful Degradation, Idempotency) for integrating with the Claude API. It helps developers build resilient, production-grade applications that can handle transient failures, rate limits, and service outages without failing completely, significantly enhancing system stability and user experience.

A comprehensive directive for elite frontend developers, focusing on creating high-fidelity, award-winning web experiences. It mandates advanced techniques including GSAP motion triggers, mathematically flawless bento grids, and strict adherence to AIDA structure. This skill is crucial for building visually stunning, deeply interactive, and professional product or portfolio websites, moving beyond standard template limitations.