Skill UI

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.

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.

This skill thoroughly inspects and validates Vertex AI Agent Engine deployments. It assesses critical components such as the Code Execution Sandbox, Memory Bank, A2A protocol compliance, security posture, and performance metrics. The tool generates weighted production-readiness scores (0-100%) and provides detailed, actionable recommendations to ensure the deployment is robust, secure, and ready for production use.

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.

Codified best practices for senior transportation managers to negotiate freight components, keep scorecards, steward carrier portfolios, and balance cost, service, and compliance when running RFPs and managing mixed contract/spot freight programs.

This skill covers establishing a company operating system to improve organizational efficiency. It includes frameworks like EOS, Scaling Up, and OKRs. Key components include accountability charts, weekly scorecards, meeting rhythms, and 90-day priorities. It helps leaders fix systemic issues, clarify ownership, and drive execution through structured processes like issue resolution and quarterly planning.

This pattern defines a robust, continuous loop structure for autonomous agents. It integrates crucial components like quality gates, evaluation harnesses, and explicit recovery controls. It guides complex workflows by defining decision paths (e.g., PR control, RFC decomposition) and includes strategies to mitigate common failure modes such as infinite loop churn or cost drift, ensuring measurable progress in autonomous systems.

Analyzes test coverage gaps by cataloging routes, components, APIs, and existing specs, then builds a coverage matrix, prioritizes missing areas, and recommends follow-up plans or auto-generation for missing tests.