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.

A specialized skill for building modern Vue 3 applications using pure JavaScript, completely avoiding TypeScript. It implements the Composition API, configures modern build tools like Vite, and ensures robust type safety by utilizing JSDoc annotations (@param, @returns, @typedef) instead of a compiler. Ideal for teams preferring vanilla JavaScript, migrating from Vue 2, or needing quick prototypes without a TS setup.

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 transforms generated wiki Markdown files into a polished, professional VitePress static documentation site. It automatically integrates a dark theme, enhances interactivity, and supports complex Mermaid diagrams with careful CSS and JavaScript fixes. Use this when the goal is to build a fully browsable, deployed documentation website from raw wiki content.

A comprehensive toolkit for navigating, optimizing, and managing large monorepos built with JavaScript/TypeScript. It supports industry-leading tools like Turborepo, Nx, pnpm, and Lerna. Key features include cross-package impact analysis, selective builds, remote caching, dependency graph visualization, and structured migrations, ensuring fast, reliable CI/CD pipelines for complex codebases.

This guide provides expert knowledge on interacting with Odoo's external JSON-RPC and XML-RPC APIs. Learn how to handle authentication, perform model calls, and execute CRUD operations (Create, Read, Update, Delete) using practical examples in Python, JavaScript, and cURL. Ideal for building middleware or robust data synchronization tools.

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.

Perform a technical SEO audit across crawlability, indexability, security, URL structure, mobile usability, Core Web Vitals, structured data, JavaScript rendering, and IndexNow. Use it to find issues that block crawling, indexing, or search performance.

Build immersive, cinematic, and premium 2.5D interactive websites using advanced scroll storytelling, parallax depth, and text animations. This skill simulates high-end web design effects (like Apple's product pages) using only static assets, CSS, and JavaScript, eliminating the need for WebGL or complex 3D software. Use it for landing pages, product sites, and any section requiring a deep, cinematic feel.

This guide details the process of performing static analysis on potentially malicious PDF documents. It utilizes advanced tools like peepdf, pdfid, and pdf-parser to extract embedded JavaScript, shellcode, and suspicious objects. Use this method when triaging suspicious attachments from phishing emails or conducting deep forensic examination of weaponized document artifacts to generate actionable Indicators of Compromise (IOCs).