Top Sites>Web Developer — Tools and Resources for Web Developers

# As a condition of accessing this website, you agree to abide by the following
# content signals:

# (a)  If a Content-Signal = yes, you may collect content for the corresponding
#      use.
# (b)  If a Content-Signal = no, you may not collect content for the
#      corresponding use.
# (c)  If the website operator does not include a Content-Signal for a
#      corresponding use, the website operator neither grants nor restricts
#      permission via Content-Signal with respect to the corresponding use.

# The content signals and their meanings are:

# search:   building a search index and providing search results (e.g., returning
#           hyperlinks and short excerpts from your website's contents). Search does not
#           include providing AI-generated search summaries.
# ai-input: inputting content into one or more AI models (e.g., retrieval
#           augmented generation, grounding, or other real-time taking of content for
#           generative AI search answers).
# ai-train: training or fine-tuning AI models.

# ANY RESTRICTIONS EXPRESSED VIA CONTENT SIGNALS ARE EXPRESS RESERVATIONS OF
# RIGHTS UNDER ARTICLE 4 OF THE EUROPEAN UNION DIRECTIVE 2019/790 ON COPYRIGHT
# AND RELATED RIGHTS IN THE DIGITAL SINGLE MARKET.

# BEGIN Cloudflare Managed content

User-agent: *
Content-Signal: search=yes,ai-train=no
Allow: /

User-agent: Amazonbot
Disallow: /

User-agent: Applebot-Extended
Disallow: /

User-agent: Bytespider
Disallow: /

User-agent: CCBot
Disallow: /

User-agent: ClaudeBot
Disallow: /

User-agent: CloudflareBrowserRenderingCrawler
Disallow: /

User-agent: Google-Extended
Disallow: /

User-agent: GPTBot
Disallow: /

User-agent: meta-externalagent
Disallow: /

# END Cloudflare Managed Content

# robots.txt for webdeveloper.com

User-agent: *
Allow: /

# Sitemap location
Sitemap: https://webdeveloper.com/sitemap.xml

# llms.txt for AI models
llms.txt: https://webdeveloper.com/llms.txt

# Web Developer

> Build with AI. Ship with confidence. Tools, skills, and quality checks for modern web developers.

## Front-end Skills

Installable SKILL.md files that teach AI coding tools modern front-end practices.

- [Modern CSS](https://webdeveloper.com/skills/frontend-css/): Native nesting, container queries, :has(), scroll-driven animations, oklch colors, logical properties, and CSS layers.
- [Components](https://webdeveloper.com/skills/frontend-components/): Semantic HTML, ARIA widget patterns, native dialog and Popover API, heading hierarchy, progressive enhancement, and BEM naming.
- [Performance](https://webdeveloper.com/skills/frontend-performance/): Core Web Vitals (LCP, INP, CLS), resource hints, image optimization, font loading, and the Speculation Rules API.
- [Design Tokens](https://webdeveloper.com/skills/frontend-design-system/): Two-tier token architecture, spacing and type scales, oklch color system, dark/light theming, motion tokens, and z-index scales.
- [SEO](https://webdeveloper.com/skills/frontend-seo/): JSON-LD structured data templates, meta tags, Open Graph, canonical URLs, sitemaps, and mobile-first indexing patterns.
- [Accessibility](https://webdeveloper.com/skills/frontend-accessibility/): WCAG 2.2 AA compliance, keyboard navigation, focus management, color contrast, screen reader patterns, and form accessibility.

## Review Skills

Installable SKILL.md files that audit AI-generated code before deploy.

- [Pre-Deploy Review](https://webdeveloper.com/skills/review-pre-deploy/): Error handling audit, debug artifact removal, responsive design checks, form validation, loading states, and the full pre-deploy checklist.
- [Security Review](https://webdeveloper.com/skills/review-security/): XSS prevention, input sanitization, secret exposure, Content Security Policy, CORS, auth token storage, and CSRF protection.
- [Testing Review](https://webdeveloper.com/skills/review-testing/): Behavior-first testing, error and edge case coverage, accessibility contract tests, form validation flows, and mocking guidelines.

## Sections

- [Home](https://webdeveloper.com/)
- [News](https://webdeveloper.com/news/)
- [Tools](https://webdeveloper.com/tools/)
- [Skills](https://webdeveloper.com/skills/)