Skill UI

This skill acts as a comprehensive security scanner specializing in detecting Cross-Site Scripting (XSS) vulnerabilities in client-side code. It performs static analysis across React, Vue, Angular, and vanilla JavaScript, specifically identifying unsafe practices like direct HTML manipulation (innerHTML), raw rendering (v-html), and insecure URL handling. Use it when auditing frontend code for security flaws and needing best practices for secure coding.

This skill validates web applications across diverse browsers (Chromium, Gecko, WebKit) and real mobile devices. It supports both local testing using Playwright and scalable cloud testing via major platforms like BrowserStack, Sauce Labs, and Kobiton. Use it when ensuring consistent UI/UX, correct CSS rendering, and functional JavaScript behavior regardless of the target environment or device type.

A comprehensive guide for developers to measure, analyze, and optimize website and web application performance. Covers critical areas including Core Web Vitals (LCP, FID, CLS), reducing JavaScript bundle size, implementing effective caching, and optimizing rendering paths to boost user experience and SEO rankings.

This guide provides a comprehensive overview of the core concepts of Three.js, the leading JavaScript library for WebGL 3D rendering. It covers setting up the entire 3D environment, including the Scene, Camera types (Perspective, Orthographic), and the WebGLRenderer. Users will learn to handle object hierarchies, apply transforms (position, rotation, scale), and manage complex rendering settings like lighting, shadows, and environment maps. Essential for any developer starting a WebGL project.

Comprehensive audit covering all aspects of web technical SEO, including crawlability (robots.txt, sitemaps), indexability, security headers, and URL structure. It deeply analyzes Core Web Vitals (LCP, INP, CLS) and assesses complex rendering scenarios like JavaScript SEO and structured data implementation for optimal search engine visibility.

This skill generates comprehensive unit and component tests using Vitest, a fast testing framework built for Vite. It supports JavaScript and TypeScript, offering a Jest-compatible API with advanced features like ESM support, HMR, advanced mocking (vi.mock), snapshot testing, and React component rendering. Use it when dealing with unit testing, TDD, or configuring vitest.config.ts.

This skill performs a deep technical SEO analysis, diagnosing fundamental website issues related to search engine visibility and performance. It covers optimizing Core Web Vitals, improving crawlability via robots.txt and sitemaps, fixing rendering problems (JavaScript SEO), managing complex redirects, and ensuring optimal site architecture. Use it for comprehensive site audits, migrations, and performance tuning.