Skill UI

Generates high-converting landing pages as ready-to-use Next.js/React TSX components with Tailwind CSS, proven copy frameworks, SEO meta, structured data, and Core Web Vitals targets for marketing campaigns, A/B tests, or conversion-focused sites.

Guide for adding Tailwind CSS v4 to Expo apps using react-native-css and NativeWind v5, covering Metro/PostCSS/global CSS config and dependency setup for consistent iOS, Android, and Web styling.

Guides how to audit and fix animation performance problems by enforcing rules about layout reads/writes, compositor-friendly transforms, scroll-linked motion, and filters so UI transitions stay smooth across CSS/JS stacks.

Advanced Anime.js animation skill for composing award-worthy, high-performance web motions with complex timelines, staggered reveals, and precision control over DOM, CSS, and SVG elements.

A comprehensive guide for building modern, accessible, and scalable user interfaces using the shadcn/ui component library. This document outlines core principles, best practices for component composition, styling rules (including Tailwind CSS usage), and structured approaches for forms and layouts. Essential for developers building complex design systems and ensuring code consistency.

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.