Web Coder
Skill Verifiziert AktivExpert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, web security, performance optimization, accessibility, or any web/internet concepts. Specializes in translating web terminology accurately and implementing modern web standards across frontend and backend development.
To serve as a definitive guide and reference for all aspects of modern web development, enabling users to accurately translate terminology and implement best practices.
Funktionen
- Expert knowledge across 15 web development domains
- Accurate translation of web terminology
- Context-aware responses for frontend, backend, DevOps
- Step-by-step workflows for common tasks
- Comprehensive reference materials for all competencies
Anwendungsfälle
- Working with HTML, CSS, JavaScript, or any web markup/styling/scripting
- Implementing web APIs or discussing HTTP/HTTPS protocols
- Building accessible applications or optimizing web performance
- Understanding web security measures or development tools
Nicht-Ziele
- Implementing specific backend server logic
- Writing or debugging application-specific code
- Deploying or managing infrastructure
Workflow
- Identify the domain of the web-related requirement.
- Consult the relevant reference file for terminology and best practices.
- Translate colloquial terms to technical equivalents.
- Apply web standards (W3C/WHATWG specifications) as guidance.
- Implement solutions following modern patterns and conventions.
- Validate against standards for accessibility, performance, and security.
Praktiken
- Semantic HTML usage
- Responsive design principles
- Accessibility best practices
- Performance optimization techniques
- Web security implementation
Voraussetzungen
- Basic understanding of at least one area of web development
- Access to web development tools (browser, editor, terminal)
- Understanding that web development spans multiple disciplines
Installation
npx skills add github/awesome-copilotFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Fixing Accessibility
100Prüft und behebt HTML-Barrierefreiheitsprobleme, einschließlich ARIA-Labels, Tastaturnavigation, Fokusverwaltung, Farbkontrast und Formularfehlern. Verwenden Sie dies beim Hinzufügen interaktiver Steuerelemente, Formulare, Dialogfelder oder bei der Überprüfung der WCAG-Konformität.
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
Develop Web Game
100Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.
Epic Design
99Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like "make it feel alive", "Apple-style animation", "sections that overlap", "product rises between sections", "immersive", "scrollytelling", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.