Skill UI

Guides creation or updates of object-oriented component documentation by analyzing code or existing docs, then applying C4/Arc42/IEEE templates to capture architecture, interfaces, and quality traits.

This tool helps developers run comprehensive test suites using pytest and generates detailed code coverage reports. It identifies specific lines of code that have not been covered by tests, guiding developers to improve test quality until 100% coverage is achieved. Use it to ensure robust and reliable software.

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.

Defines Salesforce Lightning Web Component, Aura, and Visualforce quality/security standards covering SLDS 2 styling, accessibility (WCAG 2.1 AA), data access patterns, component communication rules, XSS/CSRF protections, view state management, and Jest testing requirements for guided UI development and reviews.

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.

This skill provides an interactive, comprehensive quality review for technical design documents. It systematically validates a feature's readiness for implementation by assessing critical issues, identifying strengths, and providing a clear GO/NO-GO decision with actionable next steps. Ideal for ensuring architectural soundness and catching risks early in the development lifecycle.