skills.rest
iliasjennane
iliasjennaneCOMMUNITY
Explore all skills by this author →
GitHub

web-coder

Translate web requirements into standards-compliant HTML, CSS, and JavaScript solutions.

Updated Apr 22, 2026
Search Tags:#development#architecture#performance#accessibility#standards#web#terminology
One-click install
npx skills add https://github.com/iliasjennane/LearningAgent --skill web-coder-iliasjennane
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-coder
Source: https://github.com/iliasjennane/LearningAgent/tree/main/.agents/skills/web-coder
Command: npx skills add https://github.com/iliasjennane/LearningAgent --skill web-coder-iliasjennane

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Translates complex web development requirements into standards-compliant, accessible, and performant solutions, enabling teams to design and implement high-quality web applications with confidence.

Core Features & Use Cases

  • Provides guidance across HTML, CSS, JavaScript, and Web APIs using industry-standard terminology.
  • Helps translate requirements into architecture-friendly plans, accessibility strategies, and performance budgets.
  • Use Case: a team defining a new responsive app can rely on this skill to align on semantic HTML, accessible components, and performance targets.

Quick Start

Describe a real-world web feature and deliver a standards-aligned, accessible, and high-performance solution ready for review.

Frequently Asked Questions about web-coder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I translate web development requirements into standards-compliant and accessible solutions?▼

To translate web development requirements into standards-compliant and accessible solutions, describe your feature to receive architectural plans, semantic HTML guidance, accessibility strategies, and performance budgets ready for implementation.

What is the best way to align a team on web architecture and performance targets for a new application?▼

The best way to align on web architecture and performance targets is using reference-guided terminology and architectural patterns to establish shared standards for accessible components and performance optimization across HTML, CSS, and JavaScript.

How do I ensure my HTML, CSS, and JavaScript implementation meets web accessibility standards?▼

You ensure HTML, CSS, and JavaScript implementations meet web accessibility standards by applying industry-standard terminology and architectural patterns to design accessible components and validate semantic HTML structure during development.

Can I use web standards terminology to guide a code review for performance optimization?▼

Yes, you can use web standards terminology to guide code reviews for performance optimization by applying reference files and architectural patterns to evaluate web API usage and identify performance bottlenecks.

Does this approach work for establishing performance budgets in professional software development?▼

Yes, this approach works for establishing performance budgets in professional software development by translating requirements into standards-aligned performance targets that guide implementation and review processes.

Related Skills

Explore More Software Engineering Skills→
fikriaffikriaf

mattpocock-skills

Gather requirements, apply test-driven development, and create product requirements documents.

Community
Intermediate
ivanov-iivanov-i

frontend-design

Design and implement frontend interfaces across HTML/CSS/JS, React, or Vue.

Community
Advanced
VMRam95VMRam95

web-design-guidelines

Audit React and HTML code for WCAG accessibility and Vercel design compliance.

Community
Intermediate
IndustrialIndustrial

application-performance-performance-optimization

Profile and optimize backend, frontend, and database performance with load testing.

Community
Advanced