Web Development

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

This skill provides comprehensive design guidelines for creating distinctive, production-grade frontend interfaces. It covers typography choices, color themes, motion/animations, spatial composition, and background effects while explicitly avoiding generic 'AI slop' aesthetics like overused fonts and clichéd color schemes.

This skill provides comprehensive guidelines for shipping correct and complete web page metadata. It covers SEO essentials (titles, descriptions, canonical URLs, robots), social sharing (Open Graph, Twitter cards), icons/manifest, structured data (JSON-LD), and localization (lang, hreflang). Can be used to review existing metadata files for violations and suggest fixes.

This skill provides comprehensive guidance for building Progressive Web Apps (PWAs). It covers service worker implementation, caching strategies (Cache First, Network First, Stale While Revalidate), Workbox configuration, offline support, push notifications, and app-like features such as install prompts and share targets.