Skill UI

This skill guides developers through advanced, safe, and systematic code refactoring using Test-Driven Development (TDD) principles. It provides a comprehensive workflow encompassing pre-assessment, detecting code smells, applying major design patterns (SOLID, Factory, Strategy), optimizing performance, and ensuring safety through rigorous, incremental testing. Use this when improving code structure, restructuring large components, or updating legacy systems while guaranteeing functional integrity and maintainability.

A comprehensive collection of production-ready, reusable Terraform modules designed for standardized infrastructure provisioning across major cloud platforms: AWS, Azure, and GCP. This library enforces Infrastructure as Code (IaC) best practices, allowing users to build, test, and deploy multi-cloud compatible components efficiently and reliably.

This skill guides the detection of unintended visual changes in user interface (UI) components. It works by capturing screenshots and performing pixel-by-pixel comparisons against approved baselines. It is essential for ensuring UI consistency across code changes, responsive breakpoints, and differing environments. Supports modern tools like Playwright, Percy, and BackstopJS.

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.

This skill provides production-grade patterns for Unity's Data-Oriented Technology Stack (DOTS). It covers essential components like Entity Component System (ECS), the Job System, and the Burst Compiler, enabling developers to build high-performance, scalable games. Use this when optimizing CPU-bound logic, managing thousands of entities, or migrating traditional OOP game code to a data-oriented design.

Guides frontend developers through generating Vue components, offering best-practice patterns, production-ready code, and validation for accessibility and performance.

Creates complex claude.ai HTML artifacts by initializing a ready React+TypeScript Vite project, leveraging Tailwind and shadcn/ui components, and bundling everything into a single inline HTML file for sharing in conversations.

This skill enables the creation and management of Windsurf Flows, providing automated workflows for handling repetitive development tasks. Users can utilize it to scaffold components, generate boilerplate code, run comprehensive test sequences, and execute complex multi-step operations with a single command, significantly streamlining the development process.

This skill identifies untested pages, flows, and gaps in software applications. It maps routes, components, and API endpoints against existing tests to generate a coverage matrix. It prioritizes missing tests based on business impact and suggests a test plan, optionally auto-generating tests for critical gaps.

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.

This skill guides developers on using the `@expo/ui/swift-ui` package to integrate native SwiftUI views and modifiers into Expo applications. It is essential for building authentic, platform-specific iOS user interfaces within a cross-platform React Native context, especially when targeting Expo SDK 55. Learn how to wrap SwiftUI trees and embed React Native components.

This assistant is an expert guide for developing user interfaces using the Makepad framework. It helps users write, explain, and troubleshoot code for a comprehensive set of widgets, including containers (View, PortalList), input controls (TextInput, Slider), navigation elements (TabBar, Modal), and media components. It adheres to best practices, providing structured code patterns and detailed usage documentation for building complex, modern UIs.