Web Development

Build, debug, and deploy websites using HTML, CSS, JavaScript, and modern frameworks following production best practices.

Join 0+ developers using this skill

skill

Development & Code Tools

intermediate

0 installs

View Source

Last updated: April 23, 2026

AI Skill Market Insights

Real data. Real impact.

Popularity

Rising

Emerging

Active Users

Developers

Quick Start

Manual Installation

No automatic installation available. Please visit the source repository for installation instructions.

View Installation Instructions

TEAR & SHARE

3-5hrs/WK

RISING

0.0K+ USING

Quick Reference

Need	See
HTML/CSS issues	`html-css.md`
JavaScript patterns	`javascript.md`
React/Next.js/frameworks	`frameworks.md`
Deploy to production	`deploy.md`
Performance/SEO/a11y	`performance.md`

Critical Rules

DOCTYPE matters — Missing
```
<!DOCTYPE html>
```
triggers quirks mode; layouts break unpredictably
CSS specificity beats cascade —
```
.class
```
overrides element selectors regardless of order
===
not
==
— Type coercion causes
```
"0" == false
```
to be true
Async/await in loops —
```
forEach
```
doesn't await; use
```
for...of
```
or
```
Promise.all
```
CORS is server-side — No client-side fix; configure
```
Access-Control-Allow-Origin
```
on the server
Responsive = viewport meta — Without
```
<meta name="viewport">
```
, mobile renders desktop-width
Form without
preventDefault
— Page reloads; call
```
e.preventDefault()
```
in submit handler
Images need dimensions — Missing
```
width
```
/
```
height
```
causes layout shift (CLS penalty)
HTTPS or blocked — Mixed content (HTTP resources on HTTPS pages) gets blocked by browsers
Environment variables leak —
```
NEXT_PUBLIC_*
```
exposes to client; never prefix secrets

Common Requests

"Make it responsive" → Mobile-first CSS with media queries; test at 320px, 768px, 1024px "Deploy to production" → See

deploy.md

for Vercel/Netlify/VPS patterns "Fix CORS error" → Server must send headers; proxy through same-origin if you can't control server "Improve performance" → Lighthouse audit; focus on LCP, CLS, FID; lazy-load below-fold images "Add SEO" → Title/description per page, semantic HTML, OG tags, sitemap.xml

Framework Decision Tree

Static content, fast builds → Astro or plain HTML
Blog/docs with MDX → Astro or Next.js App Router
Interactive app with auth → Next.js or Remix
Full SSR/ISR control → Next.js
Simple SPA, no SEO needed → Vite + React/Vue

Web Development

AI Skill Market Insights

Quick Start

Manual Installation

TEAR & SHARE

Tags

GitHub MCP Server

Be Part of the 0+ Developer Community

Quick Reference

Critical Rules

Common Requests

Framework Decision Tree

Pal MCP Server

using-git-worktrees

finishing-a-development-branch

test-driven-development

Channels

Learn

Compare

Company

Agents