github avatar

Web Coder

Activates deep web development expertise across the full stack, from semantic HTML and CSS Grid to HTTP/2 optimization and WCAG compliance. Handles the translation problem where stakeholders say "make it responsive" but you need to implement media queries, viewport meta tags, and fluid layouts. Covers 15 domains including browser engines, security headers, performance budgets, and accessibility testing. Most useful when you're context-switching between frontend DOM manipulation and backend protocol work, or when you need to debug cross-browser compatibility issues and implement web standards correctly.

skills.sh installs
5.5K
GitHub stars
41K
last updated
Aug 21, 2026

Install

$ npx -y skills add github/awesome-copilot --skill web-coder --agent claude-code

Installs into .claude/skills of the current project.

Files

Activates deep web development expertise across the full stack, from semantic HTML and CSS Grid to HTTP/2 optimization and WCAG compliance. Handles the translation problem where stakeholders say "make it responsive" but you need to implement media queries, viewport meta tags, and fluid layouts. Covers 15 domains including browser engines, security headers, performance budgets, and accessibility testing. Most useful when you're context-switching between frontend DOM manipulation and backend protocol work, or when you need to debug cross-browser compatibility issues and implement web standards correctly.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/github/awesome-copilot
Categories
Frontend Development, Backend & APIs, Security, Git & Pull Requests, AI & Agent Building, Debugging, Design & UI/UX

More from github/awesome-copilot

All 318
1affaan-m avatarnuxt4-patternsaffaan-m/eccNuxt 4 app patterns for hydration safety, performance, route rules, lazy loading, and SSR-safe data fetching with useFetch and useAsyncData.5.5Kskills.sh installs
2web-infra-dev avatarbrowser-automationweb-infra-dev/midscene-skillsVision-driven browser automation using Midscene. Operates from screenshots — no DOM or accessibility labels needed. Runs in headless Puppeteer — does NOT take o5.4Kskills.sh installs
3samber avatarcrxjssamber/cc-skillsCRXJS Chrome extension development — true HMR for popup, options, content scripts, side panels, manifest-driven builds, dynamic content script imports (`?script5.1Kskills.sh installs
4medusajs avatarstorefront-best-practicesmedusajs/medusa-agent-skillsALWAYS use this skill when working on ecommerce storefronts, online stores, shopping sites. Use for ANY storefront component including checkout pages, cart, pay5Kskills.sh installs
5composiohq avatarartifacts-buildercomposiohq/awesome-claude-skillsSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for4.8Kskills.sh installs
6tw93 avataruitw93/wazaProduces distinctive, production-grade UI for pages, components, visual interfaces, typography, and screenshot-driven polish. Use when users ask in any language4.7Kskills.sh installs