Skill UI

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.

This skill provides a comprehensive review of UI components and codebases to ensure strict adherence to established design systems, accessibility guidelines (WCAG), and modern front-end best practices. It checks for design token compliance (e.g., semantic colors, scaled spacing), component conventions, WCAG accessibility standards (a11y), mobile responsiveness, and visual coherence across the entire application.

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.

A comprehensive guide for professional code review in Chinese development teams. It addresses common communication pitfalls, offering structured methods to give critical feedback that is both rigorous and constructive. Learn how to use suggestion-based language, structured severity levels, mixed Chinese/English commenting, and optimal review processes to elevate code quality and team collaboration.

This guide provides a structured methodology for handling code review feedback. It teaches developers how to move beyond superficial agreement, prioritize technical verification, ask clarifying questions, and implement changes systematically. It emphasizes rigorous technical assessment over social comfort, ensuring technical correctness is always the priority.

This guide outlines the structured process for requesting a code review from a specialized sub-agent. It details when reviews are mandatory (after completing tasks, before merging) and how to provide clean, isolated context using Git SHAs and detailed descriptions. The goal is to ensure reviewers focus solely on the work product and provide systematic, actionable feedback.

Implements an iterative development workflow using the Anima SDK. This tool allows developers to quickly generate, compare, and preview code outputs from Figma designs across multiple frameworks (React, Vue, HTML/CSS) in a local environment. Ideal for rapid prototyping, cross-framework comparison, and refining design-to-code implementation.

A comprehensive resource detailing common anti-patterns and critical mistakes when integrating with the Canva Connect API. This guide covers essential best practices, including robust token management, handling rate limits, implementing asynchronous workflows, and securing webhooks. Ideal for developers conducting code reviews, onboarding new team members, or auditing existing Canva-related integrations.

A comprehensive guide for developers on upgrading the Anthropic SDK versions and migrating between different Claude model generations. It covers best practices for version checking, reviewing breaking changes, updating model IDs across the codebase, running output comparison tests, and implementing gradual rollouts using environment variables to ensure stable deployment.

This comprehensive guide details the ten most common mistakes and anti-patterns encountered when integrating with the Figma REST and Plugin APIs. It covers critical topics such as preventing oversized data fetches, managing rate limits, securing tokens, handling color format conversions, and optimizing data sync using webhooks instead of polling. Essential for code reviews and onboarding. Use when reviewing Figma code, onboarding new developers, or auditing an existing Figma integration.

This professional guide provides a comprehensive, production-ready, layered architecture blueprint for building complex HubSpot CRM integrations. It details the project structure, service abstraction, error handling, and webhook processing patterns. Use this when designing new HubSpot integrations, reviewing existing codebases, or establishing robust architectural standards for enterprise applications.