Skill UI

A specialized tool designed to detect, suggest, and evaluate Gang of Four (GoF) design patterns within TypeScript and JavaScript codebases. It analyzes code structure, identifies code smells, and provides stack-aware refactoring recommendations, supporting frameworks like React, Angular, NestJS, and Vue.

Guideline for front-end JavaScript reverse engineering using js-reverse MCP tools and jshookmcp. Covers locating signature and encrypted parameters, tracing request initiators, runtime sampling via hooks, local Node environment reconstruction, and evidence-first output for reproducing signing logic.

Creates and manages Power Pages Server Logic files - server-side JavaScript that runs securely on Power Pages runtime. Handles API endpoints, Dataverse operations, and custom business logic. Includes workflow for verification, documentation, implementation, configuration, and deployment of server-side code.

Reverse JavaScript-based custom DSL/VM interpreters, non-standard WASM-like runtimes, and risk-control engines. Use when analyzing IIFE or switch-based opcode dispatchers, extracting instruction tables, recovering bytecode semantics, capturing VM state at runtime, or reconstructing execution flow.

Provides a comprehensive setup for Playwright End-to-End (E2E) testing. This skill automatically analyzes your project structure (framework detection, TypeScript/JavaScript) and generates all necessary files: the core playwright.config.ts, standardized folder structure, initial test examples, and full CI/CD workflows (GitHub Actions/GitLab). It ensures your testing environment is production-ready, supporting modern frameworks like Next.js, React, Vue, and Angular.

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.

This skill analyzes code for language and framework-specific security best practices. It is designed to help users write secure-by-default code, passively detect major vulnerabilities, or generate comprehensive, prioritized vulnerability reports. Supports languages including Python, JavaScript/TypeScript, and Go, ensuring robust security standards throughout the development lifecycle.

Cross-references C# Web API controllers, DTOs and routes against their TypeScript/JavaScript consumers to detect contract drift in both directions before merge, catching renamed or removed JSON keys, new required parameters, and unhandled status codes.

Advanced JavaScript animation skill using Anime.js for creating complex, high-performance web animations, including timelines, staggering, and SVG morphing. Ideal for interactive landing pages and kinetic UI elements.

Generates production-grade Appium automation scripts for Android and iOS in Java, Python, or JavaScript, supporting local emulators, real devices, and TestMu AI cloud device farms with best-practice locators, waits, and gestures.

Instrument browser and web apps with the Application Insights JavaScript SDK for TypeScript. Collect page views, clicks, AJAX/fetch dependencies, exceptions, custom events, and GenAI agent traces for real user monitoring.

Astro is a modern web framework designed specifically for building high-performance, content-heavy websites like blogs, documentation sites, and portfolios. Its core innovation is the Islands Architecture, which ships zero JavaScript by default, drastically improving performance and Core Web Vitals. It supports multi-framework components (React, Vue, Svelte) in a single project, making it ideal for content developers prioritizing speed and flexibility.