Skill UI

Automates comprehensive end-to-end Quality Assurance (QA) for deployed web applications. This skill performs multi-stage testing, including smoke tests, complex user interactions (forms, authentication), visual regression checks across breakpoints, performance monitoring (Core Web Vitals), and WCAG accessibility audits.

Compare two recorded browser sessions step-by-step using screenshots and DOM snapshots. Identifies visual regressions, verifies replay accuracy, and compares A/B variants. Reports divergence scores and accessibility changes for quality assurance.

This skill generates validated local artifacts (PNG, JPEG, or PDF) from public HTTP(S) web URLs using the Latchshot service. It is ideal for creating visual reports, quality assurance documentation, or social media previews of public web content. Note that this tool only supports public pages and cannot access private, authenticated, or restricted content.

This guide outlines the standards for creating publication-quality tables and figures for economics journals, particularly adhering to the rigorous 'REStat' house style. It ensures that the main findings are legible in a single, self-contained exhibit, emphasizing standard errors, clear notes, and load-bearing visualizations.

A comprehensive, multi-step framework for conducting systematic QA testing on web applications. This guide covers scope detection (diff-aware), tiered testing depth (Quick, Standard, Exhaustive), detailed issue taxonomy (Functional, Visual, UX, etc.), structured bug documentation, and the critical fix-and-verify loop, ensuring high code quality throughout the development cycle.

A comprehensive toolkit designed for reading, reviewing, and programmatically creating high-fidelity PDF documents. It supports content extraction from existing PDFs, generating professionally formatted reports, and validating visual quality through rendering to PNG images. Ideal for tasks requiring precise typography, layout integrity, and polished final deliverables.

This skill generates high-quality, styled code screenshots by calling the ray.tinte.dev API. It allows users to convert raw code snippets into professional PNG images, supporting multiple programming languages (e.g., Python, JavaScript, TypeScript), customizable themes, and various styling parameters like font size and padding. Use this when the user explicitly requests code images, code snippets as pictures, or mentions 'ray' to visualize code.

Automates the conversion of visual designs from Stitch into high-quality, modular React and Vite components. This skill ensures strict adherence to modern architectural standards, including logic isolation via custom hooks, data decoupling, and robust type safety using TypeScript. It manages complex workflows like network fetching, style guide synchronization, and multi-phase validation to generate production-ready frontend code.

A comprehensive playbook for building visual novels, covering core components like branching scripts, character presentation, backgrounds, and choice mechanics. It details necessary quality-of-life features such as save-anywhere, backlog, and auto-advance, ensuring a rich, engaging, and readable story experience.

A token-efficient, high-quality development workflow optimized for Gemini 3.1 Pro High. Covers planning, architecture, TDD, clean production code, technical validation, mandatory visual/UX pixel-perfect checks, and final verification.

This guide provides comprehensive best practices for creating high-quality videos using Remotion within a React environment. It covers advanced techniques for dynamic content generation, including integrating 3D models (Three.js), managing diverse assets like audio, video, and fonts, implementing complex animations, data visualization, and generating precise captions. Use this skill when developing professional, robust video generation workflows in React.

Build high-quality 3D scenes, WebGL experiences, and interactive visual effects with Three.js. Covers scene setup, geometry, materials, lighting, animation, particles, and mouse-driven interaction for web-based 3D graphics.