# 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/)