Skill UI

A comprehensive, multi-phase quality engineering audit tool designed to test codebases beyond standard unit tests. It first explores the codebase's domain and architecture to derive behavioral requirements, then executes a rigorous sequence including spec-traced functional tests, three-pass code reviews, and a multi-model specification audit (Council of Three). It is specifically engineered to find the critical 35% of real-world defects that structural code review alone might miss. Works with any programming language.

Transforms shorthand, quasi-code, or fuzzy natural-language notes into production-ready implementations, bridging collaborators with different expertise and ensuring robust, expert-quality output.

A comprehensive, five-stage methodology for reviewing code quality. This process systematically checks for requirements compliance, logical correctness, code maintainability, test coverage, and critical security/performance vulnerabilities. It provides actionable feedback categorized by severity (Blocker, Major, Minor, Nit), ensuring high standards for all merged code.

This skill systematically reviews test code to identify and correct common anti-patterns. It detects issues such as flaky tests, overly mocked dependencies (over-mocking), brittle assertions, excessive test size (The Giant), and structural dependencies. It explains the flaw, provides best practices, and suggests refactored, reliable implementations, helping maintain high test quality and stability.

Transforms you into a 10x web engineer, guiding work across HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, security, performance, accessibility, and infrastructure so you can deliver standards-compliant, high-quality front- and back-end solutions.

This tool reviews user interface (UI) code files to ensure compliance with established Web Interface Guidelines and best practices. Use it when auditing design, checking accessibility, or performing general code reviews to meet industry standards and improve overall product quality. It fetches the latest rules and outputs detailed findings.

Generate production-quality React components and UIs using the specialized Rayden UI component library and Tailwind CSS. This skill ensures that all generated code strictly adheres to a defined design system, including correct component usage, design tokens, prop validation, and established layout patterns. Ideal for scaffolding complex pages like dashboards, login forms, and data tables while maintaining premium aesthetics and consistency.

This specialized skill automates the process of converting visual designs (from Stitch) into high-quality, modular React and Vite components. It adheres to modern frontend best practices, enforcing logic isolation via custom hooks, data decoupling using mock data files, and ensuring type safety with TypeScript interfaces. The workflow includes automated asset fetching, style mapping (Tailwind), and rigorous validation cycles to produce production-ready, maintainable code.

Seaborn is a powerful Python library for creating publication-quality statistical graphics. It is designed for dataset-oriented plotting, making it ideal for exploratory data analysis, multivariate analysis, and visualizing complex relationships, distributions, and comparisons with minimal code. It builds upon Matplotlib, offering high-level interfaces for functions like scatterplots, heatmaps, and pair plots.

This guide provides comprehensive troubleshooting for common issues encountered when converting Figma designs to code using the Anima SDK. It covers authentication failures (Figma/Anima tokens), specific node/file lookup errors, code rate limits, and output quality problems, helping developers ensure accurate and robust code generation.

A comprehensive tool designed to help developers gather all necessary evidence when facing persistent issues or API errors with Anthropic's Claude models. It collects vital data points such as the request ID, full error payloads, status codes, and provides reproducible cURL commands, ensuring developers can file high-quality support tickets.

This comprehensive guide details how to set up robust Continuous Integration/Continuous Deployment (CI/CD) pipelines for HubSpot integrations using GitHub Actions. It covers unit tests, deep integration tests against a developer test account, and secure secret management. Ideal for automating HubSpot API testing, ensuring consistent code quality across branches, and implementing reliable deployment workflows for CRM features.