Skill UI

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.

Automates guidance for building SDK wrappers within API integration workflows, offering best-practice patterns, code scaffolding, validation, and configuration details to streamline third-party API, webhook, and OAuth onboarding.

This skill functions as an expert-level web researcher, utilizing advanced search strategies (query optimization, domain filtering) to gather, synthesize, and validate information from multiple web sources. It is ideal for complex research tasks requiring fact verification, identifying trends, and producing structured, actionable insights, ensuring high credibility for the final output.

A comprehensive, multi-phase workflow designed for conducting deep security audits across modern web applications and APIs. This bundle guides users through the entire security lifecycle, including reconnaissance, vulnerability scanning (SAST/DAST), specific testing for OWASP Top 10 and injection flaws, specialized API fuzzing, full-scope penetration testing, security hardening, and final risk reporting. Ideal for compliance checks and proactive security enhancement.

Comprehensive checklist for application security hardening, covering input validation, output encoding, SQL/CSRF defenses, security headers, JWT best practices, secrets handling, rate limiting, and dependency audits to keep web services resilient.

Guides authorized practitioners through Nmap, Masscan, Nessus, OpenVAS, Burp Suite, and OWASP ZAP for network discovery, vulnerability assessment, web application testing, wireless security, and compliance reporting across diverse environments.

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.

This skill analyzes multiple web pages to detect keyword overlap, content duplication, and potential SEO cannibalization issues. It compares topics, search intent, and metadata conflicts, providing actionable strategies like content consolidation, unique angle differentiation, and canonical implementation to improve organic search performance.

A comprehensive guide detailing the foundational principles of modern SEO. It covers critical areas such as E-E-A-T framework, Core Web Vitals, technical SEO implementation (e.g., sitemaps, structured data), and advanced content quality strategies. This skill helps users build sustainable, high-trust online visibility by focusing on user experience and search engine understanding, not temporary hacks.

This skill analyzes and optimizes the structural integrity of web content to maximize SEO performance. It provides expert guidance on creating search-friendly information architecture, including optimizing header hierarchies (H1-H6), suggesting relevant schema markup (e.g., FAQ, HowTo), and identifying crucial internal linking opportunities. Use it to build robust, highly scannable, and authority-driven content blueprints.

Guides engineers through setting up Server Sent Events connections as part of API integration work, providing best practices, sample configurations, and validated code for third-party webhooks, SDKs, and OAuth flows.