Skill UI

Automatically scans code for missing or weak input validation, highlighting potential XSS, SQL injection, or command injection risks so developers can harden their applications during reviews or audits.

Automates the generation of professional, high-resolution marketing screenshots for your web application using Playwright. This skill guides you through the entire process, from gathering user requirements (product hunt, social media, documentation) to deep code analysis (routes, components). It ensures comprehensive coverage of key features, providing marketing-ready assets for your product launch or documentation.

Master advanced web animation techniques to transform standard websites into narrative, cinematic experiences. This guide covers scroll-triggered animations, parallax storytelling, sticky sections, and horizontal scrolling using industry-leading tools like GSAP and Framer Motion. Essential for creating highly engaging, performance-optimized web portfolios and product sites.

A comprehensive guide to implementing expert customer data tracking across the entire stack. Includes best practices for client-side tracking using Analytics.js (React/Next.js), high-performance server-side tracking via Node.js webhooks, user identity resolution, and data governance strategies for Segment CDP.

A comprehensive skill set for modern frontend development using React, Next.js, TypeScript, and Tailwind CSS. It covers automated project scaffolding, component generation (including hooks and stories), and critical bundle analysis. Use this to enforce best practices, optimize performance, and maintain high code quality in large-scale web applications.

A comprehensive toolkit for the full software development lifecycle. It guides stack selection using a detailed decision engine, automatically scaffolds complex boilerplate projects across multiple popular stacks (Next.js, MERN, FastAPI, Django), and provides deep code quality analysis. Features include security vulnerability detection, complexity scoring, and dependency auditing, ensuring high-quality development from the start.

This advanced guide provides strategies for scaling Sentry in high-traffic, enterprise-level applications handling millions of events daily. It details implementing adaptive sampling based on endpoint criticality, using adaptive error deduplication to manage quotas, and optimizing the SDK for minimal runtime overhead, ensuring robust visibility even under extreme load.

A comprehensive guide to optimizing Sentry's performance monitoring pipeline. Learn how to minimize SDK overhead and event costs while maximizing signal quality. Techniques covered include replacing static sampling rates with dynamic `tracesSampler`, configuring profiling rates, preventing cardinality explosion through proper transaction naming, and implementing custom measurements for deeper business logic visibility. Essential for high-traffic, production applications.

A comprehensive guide to managing Sentry's event volume, quotas, and rate limits. Learn how to prevent 429 Too Many Requests errors and control costs by implementing client-side sampling (sampleRate/tracesSampleRate), using beforeSend filters to drop noisy errors, and understanding various quota types (Errors, Transactions, Replays). Essential for high-volume, cost-sensitive applications.

A comprehensive guide covering the principles of production-grade server management. Topics include process control (PM2, systemd), advanced monitoring strategies (Grafana, metrics), structured logging, scaling decisions (horizontal/vertical), and security best practices. It teaches systematic thinking for ensuring high availability, reliability, and scalability in complex systems.

Serve production-grade LLM APIs with vLLM, leveraging PagedAttention, continuous batching, quantization, and tensor parallelism to maximize throughput while keeping latency, GPU usage, and scalability under control for OpenAI-compatible deployments.

This comprehensive guide covers the full stack of Shopify development. Learn to build robust custom applications, highly customized extensions (for checkout, admin, and POS), and dynamic storefront themes. It details using GraphQL Admin API, managing webhooks, and utilizing Liquid for templating, enabling developers to integrate external services and enhance the entire merchant e-commerce experience.