web-design-guidelines

Website cloning skill that transforms any website into production-ready Next.js 16 code using Firecrawl MCP, with a 3-phase scrape-analyze-build workflow supporting section-specific cloning

Frontend UI animation skill for Next.js, Tailwind, and React projects, implementing purposeful animations including hero intros, hover effects, scroll animations, page transitions, and micro-interactions with performance focus

Minimal Chrome DevTools Protocol tools for browser automation and scraping, enabling Chrome launching, page navigation, JavaScript execution, screenshot capture, and interactive DOM element selection.

Crafts distinctive, production-grade frontend interfaces with creative design, avoiding generic AI aesthetics and focusing on unique visual experiences.

A skill for polishing UI interactions, adding motion design, and refining the feel of interfaces. Part of a curated AI skills collection covering frontend design, debugging, and workflow automation.

A curated collection of AI agent skills that transform Claude into domain-specific experts, including frontend design, website cloning with Firecrawl MCP, RSC data optimization, backend development, product management, and shadcn/ui component management.

Helps product managers streamline documentation, analyze features, synthesize research, and plan roadmaps with AI-powered, context-aware product management assistance.

A comprehensive backend development workflow skill that orchestrates expert analysis, architecture design, implementation, and deployment, handling everything from API design and database architecture to security implementation and DevOps automation.

Manages shadcn/ui component installation, customization, and theming in React projects, from a curated collection of AI agent skills by Faiz Intifada.

Implements or extends user-facing workflows in web applications by integrating with existing backend APIs, following design system, routing, and testing conventions.