Skill UI

Comprehensive verification system for Claude Code sessions that runs build, type, lint, test, security, and diff checks before PRs to ensure code quality and compliance across JS/TS and Python projects.

Senior-level Vue 3 guidance that builds components, composables, routing, and state entirely in JavaScript with JSDoc annotations, letting teams prototyping or migrating from Options API deliver typed apps without TypeScript tooling.

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 skill provides a comprehensive guide to auditing and fixing common animation performance issues in web applications, including layout thrashing, jank, and inefficient scroll-linked motion. It outlines critical best practices across CSS and JavaScript, covering rendering steps (layout, paint, composite) and best practices for achieving smooth, high-performance user interfaces.

Guides developers through authenticating and calling Odoo’s JSON-RPC and XML-RPC endpoints from Python, JavaScript, or curl, including CRUD examples, best practices, and debugging tips for middleware or automation scripts.

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.

Anime.js is a powerful and lightweight JavaScript animation engine designed for creating high-fidelity, complex web animations. It provides precise control over DOM, CSS, and SVG elements, allowing developers to build sophisticated, award-caliber user interfaces. Ideal for orchestrating multi-stage landing pages, implementing staggered reveals, and animating intricate SVG paths using advanced easing functions and timelines.

A comprehensive master guide for developers looking to embed interactive 3D scenes created in Spline.design into modern web projects. It provides specific integration methods for various frameworks, including React, Next.js, Vue, and vanilla JavaScript, ensuring optimal performance and runtime control for stunning UI/UX experiences.

Performs a structured technical SEO audit across crawlability, indexability, security, URL hygiene, mobile readiness, Core Web Vitals, structured data, JavaScript rendering, and IndexNow to resolve page speed, bot, and visibility issues.

Use peepdf alongside pdfid and pdf-parser to statically inspect suspicious PDFs, triage phishing attachments, extract embedded JavaScript, shellcode, or executables, and craft forensic/detection artifacts.

Analyzes suspicious PDFs with PDFiD, pdf-parser, and peepdf to detect embedded JavaScript, shellcode, exploits, and payloads before opening, helping triage malicious attachments safely.

Unpacks layered JavaScript obfuscation used in web attacks by extracting scripts, neutralizing anti-analysis tricks, and decoding string and control-flow hiding so analysts can recover the original malicious logic during phishing, skimmer or dropper investigations.