# 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.

## Links

- HTML page: https://omgskills.com/collections/web-development/

## Featured skills

1. [frontend-design](https://omgskills.com/skills/anthropics/skills/skills/frontend-design/index.md) — Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
   - [@anthropics](https://omgskills.com/library/anthropics/index.md) · 170k stars
   - Install: `git clone https://github.com/anthropics/skills /tmp/skills && ln -s /tmp/skills/skills/frontend-design ~/.claude/skills/frontend-design`
2. [ui-ux-pro-max](https://omgskills.com/skills/nextlevelbuilder/ui-ux-pro-max-skill/ui-ux-pro-max/index.md) — UI/UX design intelligence for web, mobile, and desktop.
   - [@nextlevelbuilder](https://github.com/nextlevelbuilder) · 118k stars
   - Install: `git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill /tmp/ui-ux-pro-max-skill && ln -s /tmp/ui-ux-pro-max-skill/.claude/skills/ui-ux-pro-max ~/.claude/skills/ui-ux-pro-max`
3. [impeccable](https://omgskills.com/skills/pbakaus/impeccable/impeccable/index.md) — Used when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize,...
   - [@pbakaus](https://omgskills.com/library/pbakaus/index.md) · 60k stars
   - Install: `git clone https://github.com/pbakaus/impeccable /tmp/impeccable && ln -s /tmp/impeccable/.claude/skills/impeccable ~/.claude/skills/impeccable`
4. [playwright-cli](https://omgskills.com/skills/microsoft/playwright/playwright-cli/index.md) — Automate browser interactions, test web pages and work with Playwright tests.
   - [@microsoft](https://omgskills.com/library/microsoft/index.md) · 95k stars
   - Install: `git clone https://github.com/microsoft/playwright /tmp/playwright && ln -s /tmp/playwright/packages/playwright-core/src/tools/skills/playwright-cli ~/.claude/skills/playwright-cli`
5. [landing-page](https://omgskills.com/skills/mengto/skills/landing-page/index.md) — Used when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services.
   - [@MengTo](https://omgskills.com/library/mengto/index.md) · 3.8k stars
   - Install: `git clone https://github.com/MengTo/Skills /tmp/Skills && ln -s /tmp/Skills/agent-skills/web-design/landing-page ~/.claude/skills/landing-page`
6. [theme-factory](https://omgskills.com/skills/anthropics/skills/theme-factory/index.md) — Toolkit for styling artifacts with a theme.
   - [@anthropics](https://omgskills.com/library/anthropics/index.md) · 170k stars
   - Install: `git clone https://github.com/anthropics/skills /tmp/skills && ln -s /tmp/skills/skills/theme-factory ~/.claude/skills/theme-factory`
7. [daisyui](https://omgskills.com/skills/saadeghi/daisyui/daisyui/index.md) — Official daisyUI component-library skill for Tailwind CSS.
   - [@saadeghi](https://github.com/saadeghi) · 42k stars
   - Install: `git clone https://github.com/saadeghi/daisyui /tmp/daisyui && ln -s /tmp/daisyui/skills/daisyui ~/.claude/skills/daisyui`
8. [api-design](https://omgskills.com/skills/affaan-m/ecc/api-design/index.md) — REST API design patterns including resource naming, status codes, pagination, filtering, error responses, versioning,...
   - [@affaan-m](https://github.com/affaan-m) · 241k stars
   - Install: `git clone https://github.com/affaan-m/ECC /tmp/ECC && ln -s /tmp/ECC/skills/api-design ~/.claude/skills/api-design`
9. [nextjs-turbopack](https://omgskills.com/skills/affaan-m/ecc/nextjs-turbopack/index.md) — Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.
   - [@affaan-m](https://github.com/affaan-m) · 241k stars
   - Install: `git clone https://github.com/affaan-m/ECC /tmp/ECC && ln -s /tmp/ECC/skills/nextjs-turbopack ~/.claude/skills/nextjs-turbopack`
10. [web-artifacts-builder](https://omgskills.com/skills/anthropics/skills/web-artifacts-builder/index.md) — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies...
   - [@anthropics](https://omgskills.com/library/anthropics/index.md) · 170k stars
   - Install: `git clone https://github.com/anthropics/skills /tmp/skills && ln -s /tmp/skills/skills/web-artifacts-builder ~/.claude/skills/web-artifacts-builder`

## Others you might like

- [Best Claude Skills for Writing](https://omgskills.com/collections/writing/index.md)
- [Best Design Skills](https://omgskills.com/collections/elite-ui-design/index.md)
- [Best iOS Skills](https://omgskills.com/collections/build-ios-apps/index.md)