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 raw wiki Markdown files into a polished, professional VitePress static website. It automatically scaffolds the required build structure, applies a fixed dark theme, and includes advanced rendering for interactive Mermaid diagrams (utilizing a three-layer fix process). Use this when users need to package generated wiki content into a fully browsable, modern, and structured HTML documentation site.

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.

Deploy applications or static sites to Vercel instantly via a script that packages your project, auto-detects frameworks, uploads artifacts, and returns preview and claim URLs without requiring authentication.

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.

Inspects live or staging websites to spot layout, responsive, and accessibility issues, then traces those problems to source files for targeted fixes, making it ideal for developers and designers reviewing static sites, SPAs, or full-stack apps.

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.