Skill UI

Guides how to write JavaScript inside n8n Code nodes, choose execution modes, access data with $input/$node, handle Webhook payloads, and return the required [{json:…}] structure for automation tasks.

This guide provides proven architectural patterns for building complex, reliable, and scalable workflows using n8n. It covers core patterns like Webhook processing, HTTP API integration, database synchronization, AI agent design, and scheduled tasks. Learn how to select the right pattern and utilize advanced components for robust automation.

This skill guides comprehensive website exploration using Playwright MCP for robust testing. It involves navigating a specified URL, identifying and simulating 3-5 core user flows, meticulously documenting user interactions, relevant UI locators, and expected outcomes. Upon completion, the skill summarizes findings and generates detailed, actionable test cases, ensuring thorough coverage of the application's functionality.

This skill provides advanced architectural guidelines for generating premium, award-level web experiences. It guides code generation beyond basic HTML/CSS, focusing on creating immersive digital environments. Key areas include sophisticated motion design (scroll-driven narratives, micro-interactions), establishing strong visual identities (e.g., Brutalism, Glassmorphism), and enforcing strict performance best practices like hardware acceleration and accessibility compliance.

Defines Salesforce Lightning Web Component, Aura, and Visualforce quality/security standards covering SLDS 2 styling, accessibility (WCAG 2.1 AA), data access patterns, component communication rules, XSS/CSRF protections, view state management, and Jest testing requirements for guided UI development and reviews.

This skill provides granular control over the browser launch environment. Users can specify whether the browser window should be visible (`headed`) or if the underlying automation mechanism should switch from default managed CDP to Playwright management (`private_mode`). This is essential for complex automation, testing, and web scraping scenarios requiring specific environmental setups.

Conducts a comprehensive audit of website images, focusing on both Search Engine Optimization (SEO) and Core Web Vitals performance. Checks include alt text quality, file size efficiency, modern format usage (WebP, AVIF), responsive image implementation (srcset), lazy loading strategy, and Cumulative Layout Shift (CLS) prevention by ensuring proper dimensions. Use this when optimizing media assets for maximum web performance and search visibility.

Transforms you into a 10x web engineer, guiding work across HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, security, performance, accessibility, and infrastructure so you can deliver standards-compliant, high-quality front- and back-end solutions.

This tool reviews user interface (UI) code files to ensure compliance with established Web Interface Guidelines and best practices. Use it when auditing design, checking accessibility, or performing general code reviews to meet industry standards and improve overall product quality. It fetches the latest rules and outputs detailed findings.

This comprehensive toolkit automates critical Webflow operations, including managing CMS collections (create, update, delete), site publishing, page inspection, and asset uploads. By connecting via Rube MCP, it allows developers to programmatically interact with Webflow's backend, making it ideal for implementing automated content workflows, CI/CD pipelines, and large-scale content management systems.

A comprehensive coach guiding developers through the entire SaaS lifecycle: from initial idea and scaffolding (Next.js) to building MVP features, integrating AI, setting up authentication, implementing payment systems (Stripe/LemonSqueezy), and achieving global deployment (Cloudflare/Vercel). Focuses on pragmatic, 'ship first' architecture decisions for solo developers and indie hackers.

A robust Python client wrapper for interacting with the Zotero Web API v3. This skill allows users to programmatically manage academic references, including retrieving, creating, updating, and deleting items, collections, tags, and attachments. Ideal for academic researchers building automated workflows, bulk exporting citations (e.g., BibTeX), or integrating Zotero data into larger research applications.