Best Claude Skills for Web Development

Frontend design, frameworks, and testing for the modern web

Best Claude skills for web development covering frontend design, React and Next.js, UI quality, and browser testing to ship polished sites faster.

Featured skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.

UI/UX design intelligence for web, mobile, and desktop.

Used when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize,...

Automate browser interactions, test web pages and work with Playwright tests.

Used when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services.

Toolkit for styling artifacts with a theme.

Official daisyUI component-library skill for Tailwind CSS.

REST API design patterns including resource naming, status codes, pagination, filtering, error responses, versioning,...

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies...

Others you might like

Articles, editing, and prose that does not sound like AI

Best Claude skills for writing articles, blog posts, and marketing copy, with editing and humanizer skills so your prose never reads like AI.

What worldclass designers are using

A compact set of skills for stronger results and design quality.

Pixel perfect, and performant apps

Best iOS Skills to follow apples best practices when shipping native iOS apps.