Skill UI

A specialized downstream skill for deep analysis of complex web rendering pipelines. Use this to trace vulnerabilities or logical flaws residing in Server-Side Rendering (SSR), template data, route loaders, or client-server hydration boundaries. It compares template-level gating against backend handler enforcement to pinpoint the decisive weak point in the render chain.

This skill analyzes local Q&A session JSONL files to produce a complete, auditable weekly report in Markdown format. It supports generating routine weekly summaries, comparing performance across consecutive time windows, and identifying key trends and risks. The output is a single, self-contained Markdown file designed to provide sufficient aggregates and structure for downstream documentation rendering (e.g., Feishu or whiteboards), without needing external data sources or APIs.

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.

A comprehensive guide to tuning game physics parameters, including mass, gravity, drag, and continuous collision detection (CCD). It addresses common stability issues like jitter and tunneling by correctly separating the fixed-timestep simulation (physics updates) from the variable-rate rendering (visual updates) using interpolation. Essential for creating predictable and responsive game motion across various hardware.

Configure and build PixiJS v8 render layers by creating async Applications, loading textures via Assets, composing scene graphs with Containers and Sprites, driving ticker loops, handling pointer events, and grouping draws with render groups. Use this skill for initializing PixiJS v8 projects, debugging canvas issues, and managing 2D graphics rendering pipelines.

A comprehensive pattern for developing board-based puzzle games (e.g., Match-3, Sokoban, Logic Grids). This skill focuses on modeling the board state, move input validation, and the core rule resolution loop. It defines how cascades, scoring, and undo functionality must operate deterministically to ensure fair and bug-free gameplay, separating game logic from visual rendering.

Configure Three.js scenes with PBR materials like MeshStandardMaterial, add various light types, enable shadows, and use environment maps for realistic reflections. Essential for fixing black or flat models and achieving physically based rendering.

This skill covers setting up a foundational Three.js scene. It includes configuring import maps, initializing the Scene, PerspectiveCamera, and WebGLRenderer trio, establishing a responsive render loop, and adding OrbitControls. Use this when bootstrapping a new Three.js application or debugging rendering issues like blank canvases. It excludes model loading and material lighting setup.