Skill UI

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 comprehensive guide helps developers select and implement optimal Vercel architecture blueprints based on project scale and complexity. It covers five validated patterns, ranging from simple static JAMstack sites and robust full-stack SaaS applications, to advanced multi-zone micro-frontend enterprise deployments. Use this resource when planning new deployments, optimizing scaling strategies, or structuring complex monorepos.

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.

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.

SvelteKit is the official full-stack framework built on Svelte, enabling developers to build fast, modern, and highly performant web applications. It provides comprehensive features including file-based routing, Server-Side Rendering (SSR), Static Site Generation (SSG), API routes, and progressive form actions, all while maintaining Svelte's zero runtime overhead. Use this skill when building complex, data-driven web platforms where performance and developer experience are paramount.

This tool provides comprehensive automation capabilities for managing cloud infrastructure on the Render platform via Rube MCP. Users can list, filter, and browse various services (web services, static sites, etc.), manually trigger new deployments, and continuously monitor the deployment status (e.g., checking for 'live' status or catching 'build_failed' errors). It is essential for streamlining CI/CD pipelines, managing projects, and ensuring reliable, automated service updates without manual intervention.

Converts markdown documents to HTML via marked.js-style workflows, pandoc/gomarkdown knowledge, and templating systems like Jekyll or Hugo for both single-file and batch pipelines, enabling static site previews, documentation, and CLI/Node toolchains.

This skill performs visual inspection and validation of website design quality, identifying and fixing issues at the source code level. It supports static sites, SPA frameworks, and full-stack applications. The workflow includes information gathering, visual inspection for layout, responsive, and accessibility issues, followed by source code fixes and re-verification. It ensures responsive design, visual consistency, and accessibility compliance across various viewports.

This expert skill converts static or modern frameworks (React, Next.js, HTML) into fully dynamic, pixel-perfect, and SEO-optimized WordPress themes. It functions as a senior architect, ensuring absolute fidelity to the source while integrating core WordPress functionalities like ACF, custom hooks, and technical SEO best practices. Ideal for large-scale website migrations.

Automates the deployment of static web files (HTML, CSS, JS, images) to a specified domain using Cloudflare Pages via the Wrangler CLI. This skill is ideal for hosting Single-Page Applications (React, Vue), landing pages, portfolios, or documentation sites. It stages the site files and injects necessary cache revalidation headers to ensure content freshness after redeployment.

A comprehensive guide and workflow for deploying static websites (e.g., Vue, React, Angular, Hugo, Jekyll) from a local environment to a production server using VSCode SFTP. This skill covers setting up secure SFTP connections, generating production-ready Nginx configurations (including security headers, caching, and HTTPS redirects), and providing a complete deployment checklist for smooth CI/CD-like workflows.

A comprehensive guide for optimizing SEO indexing and managing crawl budget specifically for Next.js applications. Covers fixing Google Search Console coverage errors, implementing proper canonical tags, auditing sitemaps, managing static rendering, and optimizing internal linking for maximum search visibility.