Skills
.Work. You
Rest

HTML5 & Semantic Structure

Community

Build accessible, SEO-friendly web pages.

Software Engineering#accessibility#wcag#semantic html#web performance#seo#html5
Authorjoabeoliveira
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures your web pages are built with clean, semantic HTML, making them accessible to all users and search engines, while also optimizing for performance.

Core Features & Use Cases

  • Semantic HTML5: Utilizes tags like <header>, <nav>, <main>, <footer> for better structure and SEO.
  • Accessibility: Implements ARIA attributes, proper labeling, and keyboard navigation support.
  • SEO Basics: Includes essential meta tags for search engines and social media.
  • Performance Optimization: Incorporates lazy loading and efficient script deferral.
  • Use Case: Create a new landing page that is fully accessible, ranks well on search engines, and loads quickly on all devices.

Quick Start

Generate a standard HTML5 page structure with semantic tags and accessibility attributes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: HTML5 & Semantic Structure
Download link: https://github.com/joabeoliveira/GptGovbuscaARP/archive/main.zip#html5-semantic-structure

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.