Skill UI

This skill provides comprehensive guidance on leveraging d3.js (Data-Driven Documents) to create sophisticated, interactive, and publication-quality data visualizations. It covers core concepts like data binding, implementing various chart types (network graphs, geo-maps, etc.), handling complex transitions, and ensuring responsiveness across modern JavaScript frameworks (React, Vue, Vanilla JS). Learn the standard workflow for scale definition, axis creation, and drawing custom visual elements with fine-grained control.

Guides building bespoke interactive data visualizations with d3.js across vanilla or framework-based JavaScript, covering custom layouts, transitions, and responsive sizing.

This skill acts as a comprehensive security scanner specializing in detecting Cross-Site Scripting (XSS) vulnerabilities in client-side code. It performs static analysis across React, Vue, Angular, and vanilla JavaScript, specifically identifying unsafe practices like direct HTML manipulation (innerHTML), raw rendering (v-html), and insecure URL handling. Use it when auditing frontend code for security flaws and needing best practices for secure coding.

This skill specializes in writing, debugging, and refactoring modern JavaScript code (ES2023+). It covers advanced patterns like async/await, Promise handling, ESM modules, and optimal performance for both browser and Node.js environments. Use it for vanilla applications, complex async flows, and performance optimization.

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 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.

This skill guides developers in writing robust and defensive Go code. It addresses common pitfalls that lead to runtime panics and silent data corruption, such as nil map writes, slice backing array aliasing, silent numeric truncation (int64 to int32), and inaccurate float comparisons. Use this when designing highly reliable Go systems that must withstand typical programmer errors and maintain data integrity.

A library providing type-safe monadic abstractions for Go, including Option, Result, and Either. It allows developers to eliminate nil pointer risks and manage complex error handling using composable, functional pipelines, significantly improving code robustness and readability in Go applications.

A comprehensive skill guide for building production-grade, scroll-driven motion animations. It covers advanced techniques like parallax effects, sticky sections, horizontal scrolling, and staggered reveals using both the GSAP ScrollTrigger API and Framer Motion hooks. Ideal for implementing complex, performant animations in vanilla JavaScript, React, and Next.js.

This guide provides a comprehensive workflow for deploying Algolia-powered search applications to various cloud platforms, including Vercel, Fly.io, and Google Cloud Run. It covers best practices for API key separation (Admin vs. Search-Only), setting up environment variables, and implementing both backend API routes and advanced frontend components using React InstantSearch or vanilla JavaScript.

An internal utility designed for deep investigation of Go panics and stack traces. It helps identify Go-specific issues, such as nil pointer dereferences or unhandled errors, by suggesting minimal reproducible `go test` commands and targeted patch locations for robust debugging.