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.

Deploy projects or websites instantly to Vercel using preview mode, with fallback scripts handling packaging and authentication, and guidance for escalated network access when sandboxing blocks outbound requests.

This skill facilitates the end-to-end deployment of web applications and websites, supporting full-stack architectures including backend APIs, databases, and file storage. It is used when the user wishes to publish a project to a public, live URL, managing the entire deployment lifecycle from template selection to status checking and updates.

An AI-driven utility that guides users through selecting the most suitable Apify Actor for complex web scraping tasks. It provides comprehensive coverage across major social media platforms and websites, including Instagram, Facebook, TikTok, YouTube, and Google Maps, ensuring a unified workflow for efficient data extraction.

Build cinematic, 2.5D interactive websites with scroll storytelling, parallax depth, floating products, text animations, and premium scroll effects without WebGL—ideal for launches, hero sections, or any page that must feel alive.

Astro is a modern web framework designed specifically for building high-performance, content-heavy websites like blogs, documentation sites, and portfolios. Its core innovation is the Islands Architecture, which ships zero JavaScript by default, drastically improving performance and Core Web Vitals. It supports multi-framework components (React, Vue, Svelte) in a single project, making it ideal for content developers prioritizing speed and flexibility.

This advanced workflow allows developers to clone live websites directly into structured React or HTML code using the Anima platform. It goes beyond simple cloning by featuring post-generation customization rules (e.g., updating utility classes or imports) and a dedicated design token mapper. This ensures the generated code is immediately usable and adheres strictly to the project's existing design system tokens, while also organizing the final component structure.

A comprehensive directive for elite frontend developers, focusing on creating high-fidelity, award-winning web experiences. It mandates advanced techniques including GSAP motion triggers, mathematically flawless bento grids, and strict adherence to AIDA structure. This skill is crucial for building visually stunning, deeply interactive, and professional product or portfolio websites, moving beyond standard template limitations.

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 browser-based skill for search, web scraping, login-required actions, and dynamic page interaction. Use it to access real websites, extract content, and operate pages in a live Chrome environment.

This skill generates a complete, standalone, and highly structured pricing page in standalone HTML. It automatically respects the active design system (colors, typography, components) and supports defining 2-4 plan tiers, including feature cards, comprehensive comparison tables, and an FAQ section. Ideal for product marketing and sales-focused websites.