Skill UI

Automate FreshBooks operations to list businesses, manage projects, and track time/budgets for SMB accounting workflows via the Rube MCP-backed toolkit.

This comprehensive guide establishes strict architectural and performance standards for senior frontend engineers working with React, TypeScript, and Suspense. It dictates best practices for component design, feature implementation, data fetching (useSuspenseQuery), and code structure (feature-based organization). Use this when building any new component, feature, or handling data mutation to ensure the resulting application is scalable, predictable, and maintainable.

Mastery of modern frontend development using React 19+ and Next.js 15. This skill covers building scalable, high-performance user interfaces, managing complex client-server state, implementing advanced features like Server Components (RSC), and ensuring WCAG accessibility compliance. Ideal for architecting full-stack web applications and optimizing Core Web Vitals.

Guides React Server Components workflows, streaming SSR, code splitting, bundle/image/font optimizations, and Core Web Vitals monitoring to keep Next.js frontends fast and responsive.

An expert skill dedicated to building secure, robust frontend applications. It specializes in preventing client-side vulnerabilities such as XSS and clickjacking. Core capabilities include safe DOM manipulation, implementing Content Security Policy (CSP), advanced input sanitization (allowlisting), and securing complex interactions like secure redirects and session management.

A modern, dark-themed UI component library built with React, Tailwind CSS, and Framer Motion. It provides a comprehensive set of components and styles ideal for developing professional dashboards, admin panels, and data-rich applications. Features include advanced glassmorphism effects and tasteful, smooth animations to enhance user experience.

This skill guides the development of robust, security-focused full-stack web applications. It ensures layered security coverage across the entire application stack, from database queries (parameterized queries) to API endpoints (authentication/authorization) and frontend components (input validation, output encoding). Use this when building end-to-end features, microservices, or REST APIs that require simultaneous attention to Frontend, Backend, and Security best practices.

A comprehensive guide covering the core principles of immersive game audio. Learn how to structure audio categories (SFX, Music, Ambient), implement adaptive music systems, master 3D spatialization, and apply professional mixing techniques (e.g., ducking, hierarchy) to elevate the emotional impact and technical quality of your game's soundscape. Essential for sound designers and game developers.

This skill guides the full lifecycle of game development, from architecture design (ECS, component systems) to high-performance implementation. It covers integrating Unity/Unreal Engine features, implementing complex physics, multiplayer networking with lag compensation, and achieving consistent 60+ FPS performance. Key techniques include object pooling, state machines, and rigorous profiling to ensure production-ready, scalable game systems.

This orchestrator skill provides comprehensive core principles for game development, covering topics like the Game Loop, design patterns (State Machine, ECS), performance budgeting, and input abstraction. It guides users by routing them to specialized sub-skills based on required platforms (Web, Mobile, PC), dimensions (2D, 3D), and specialty areas (AI, Networking, Art). Ideal for structuring complex game projects from concept to implementation.

A comprehensive reference guide for developers to debug and resolve common errors encountered when integrating with the Gamma API. Covers specific error codes such as authentication failures (401/403), rate limit issues (429), content generation failures, and timeouts. Provides detailed solutions, best practices, and code snippets for robust error handling and reliable API usage.

This guide provides comprehensive strategies for optimizing API usage and managing expenditure when interacting with AI generation platforms like Gamma. It details implementing credit tracking systems to monitor consumption, employs cost-saving techniques (such as selecting lower-tier images or using templates), and demonstrates setting up proactive budget alerts to ensure spending remains within budget.