Skill UI

This guide provides expert patterns for building robust and scalable applications on the Salesforce platform. It covers modern UI development using Lightning Web Components (LWC) with reactive data services, and teaches advanced Apex implementation. Key patterns include utilizing handler classes for bulkified triggers to prevent recursion and ensuring separation of concerns, crucial for high-performance, maintainable code.

Automates the generation of professional, high-resolution marketing screenshots for your web application using Playwright. This skill guides you through the entire process, from gathering user requirements (product hunt, social media, documentation) to deep code analysis (routes, components). It ensures comprehensive coverage of key features, providing marketing-ready assets for your product launch or documentation.

Guides you through React Server Components in Next.js App Router, covering when to use server versus client pieces, interop boundaries, data fetching patterns, streaming with Suspense, and composition techniques such as client wrappers or slot-based shells for mixed trees.

This guide provides the complete, production-grade reference architecture for integrating the Speak language learning platform. It covers all necessary components, including the client, API gateway, assessment engine, and progress store. Use this blueprint to ensure a robust, scalable, and reliable implementation for managing large-scale language learning operations.

Automates styled components helper tasks within frontend development, activating on related mentions to offer guidance, best practices, production-ready code, and validation tailored for React, Vue, and modern CSS workflows.

A comprehensive guide to securely implementing Supabase across diverse modern application stacks. This skill covers critical patterns for Next.js Server Components (SSR), Single Page Applications (SPA), React Native mobile apps, Edge Functions (Serverless), and complex multi-tenant deployments using RLS or schema isolation. It guides developers on correctly managing client types (anon vs. service_role) and handling authentication flows in various environments.

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.

A comprehensive toolkit for senior UI designers to build robust and scalable design systems. It guides the generation of design tokens (colors, spacing, typography), structuring component libraries (Atoms to Organisms), implementing responsive layouts, and preparing detailed developer handoff documentation. Essential for maintaining visual consistency and bridging the gap between design and development.

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.