Skill UI

A comprehensive guide for creating cinematic, fluid background hero sections using advanced web technologies. It leverages WebGL, complex CSS gradients, and Canvas to generate dynamic, atmospheric visuals. Ideal for video intros, SaaS landing pages, and marketing posters that require a sophisticated, high-impact background.

A comprehensive, clickable web prototype designed for modern SaaS landing pages. This template includes all essential sections—from Hero to Pricing—and incorporates advanced UI/UX trends like glassmorphism, subtle animations, and full responsiveness. It is ideal for product concept validation, design presentations, and gathering early stakeholder feedback, giving the appearance that the product is ready for launch.

A comprehensive UI component designed to mimic the Spotify Now-Playing interface. It renders current music, podcast, or media content with album art, progress bar, and playback controls. Ideal for video overlays, streaming intros, or personal website hero sections, providing a highly branded and polished look.

A technical specialization focused on Generative Engine Optimization (GEO). This skill ensures that specific web pages are structured, documented, and optimized for modern AI answer engines (Google AI Overviews, ChatGPT, Bing Copilot). It focuses on technical elements like structured data (JSON-LD), semantic HTML, and robust metadata to maximize discoverability, trustworthiness, and quotability for AI consumption, rather than traditional SEO ranking.

A powerful web prototype template inspired by Swiss Industrial Print aesthetics. This design emphasizes strong, raw, and authoritative visual communication, utilizing monolithic black grotesque typography, large viewport-bleeding numbers, and minimal ASCII decorations. Ideal for designers seeking a high-impact, unpolished, and industrial-themed presentation.

This template provides an editorial-minimalist web layout, inspired by high-end magazines. It features a warm monochrome palette, classic serif displays, and clean grotesque body text, emphasizing macro-whitespace and subtle ambient micro-animations. It is perfect for portfolio sites, long-form articles, or any content-heavy design needing a sophisticated, literary feel.

A premium prototype template designed with an Apple-tier aesthetic. Features include a soft, squircle design, ambient mesh backgrounds, double-bezel cards, button-in-button CTA elements, and subtle spring motion for a fluid, modern user experience. Ideal for modern app UI/UX.

This skill drives an existing browser instance using the Chrome DevTools Protocol (CDP). It is essential for complex web automation tasks that require visible interaction, JavaScript execution, or handling authenticated, stateful sessions. Use it when static data fetching is insufficient, such as simulating user logins, interacting with iframes, or performing visual verification. Supports headless and remote environments.

This skill integrates with DeepAPI to facilitate advanced web scraping, market research, and controlled email workflows. It handles scraping data from various sources like websites, LinkedIn, GitHub, and Twitter, while managing costs and ensuring explicit user approval for sensitive actions like sending emails. Use it for robust data extraction and automated reporting.

A comprehensive suite designed for AI agents to perform safe, deep, and multi-format web searches. It allows agents to retrieve current web information, analyze PDFs, extract YouTube transcripts, and access GitHub code files. Instructions include guidelines for varying search depths and using specialized tools for code context retrieval.

This skill guides the design, implementation, and auditing of inclusive digital products based on WCAG 2.2 standards. It covers the POUR principles and provides technical guidance for generating semantic ARIA (Web) and native accessibility traits (iOS/Android). Use it when defining UI components, auditing compliance gaps, or ensuring robust keyboard navigation and focus management.

A comprehensive tool for establishing performance baselines across multiple dimensions. It measures Core Web Vitals (LCP, CLS, INP), API latency (p50, p95, p99), and development build efficiency. Essential for detecting performance regressions before merging code, ensuring stability in CI/CD pipelines, and comparing alternative stack implementations.