skills.rest
testdino-hq
testdino-hqOFFICIAL
Explore all skills by this author →
Website𝕏@testdinohqGitHub

html-css

Enforce Google's official HTML and CSS style guide for web development.

9|1|Updated Feb 25, 2026
Search Tags:#html#web development#frontend#css#style guide#google standards
One-click install
npx skills add https://github.com/testdino-hq/google-styleguides-skills --skill html-css
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-css
Source: https://github.com/testdino-hq/google-styleguides-skills/tree/main/html-css
Command: npx skills add https://github.com/testdino-hq/google-styleguides-skills --skill html-css

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers adhere to Google's official and widely adopted style guides for HTML and CSS, ensuring consistency, maintainability, and accessibility in web development projects.

Core Features & Use Cases

  • HTML Best Practices: Learn semantic HTML usage, correct attribute formatting, and accessibility standards.
  • CSS Conventions: Understand Google's guidelines for naming, selectors, properties, units, and formatting.
  • Use Case: When writing new frontend code or refactoring existing styles, consult this Skill to ensure your HTML and CSS align with Google's production-ready standards.

Quick Start

Consult the html-css skill for Google's official HTML and CSS coding standards.

Frequently Asked Questions about html-css

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

FAQPage Schema
What are Google's HTML and CSS style guide standards for web development?▼

Google's HTML and CSS style guide standards cover semantic markup, attribute usage, formatting, and accessibility to ensure consistent and maintainable web development projects.

How do I format CSS selectors and properties according to Google's frontend coding standards?▼

Google's frontend coding standards for CSS dictate specific conventions for naming, selectors, property formatting, units, and declaration order to maintain production-ready code.

When do I need to follow semantic HTML and accessibility standards in my frontend project?▼

You need to follow semantic HTML and accessibility standards when writing new frontend code or refactoring existing styles to align with Google's production-ready web development guidelines.

What is the best way to ensure my CSS naming conventions match Google's web standards?▼

The best way to ensure your CSS naming conventions match Google's web standards is to consult guidelines that enforce specific rules for selectors, properties, units, and declaration order.

Do I need any special dependencies to enforce Google's HTML and CSS style guide?▼

No special dependencies are required to enforce Google's HTML and CSS style guide; it serves as a reference for best practices in semantic markup, formatting, and accessibility.

Why does Google's style guide enforce specific CSS declaration order and units?▼

Google's style guide enforces specific CSS declaration order and units to aid in maintaining consistent, accessible, and maintainable web development across various projects.

Related Skills

Explore More Software Engineering Skills→
webdriveriowebdriverio
11

Frontend Components

Enforce frontend component coding standards across web UI projects.

Official
Basic
adambossyadambossy
8

Render Report as HTML

Convert markdown financial spending reports into styled HTML documents.

Community
Basic
nanorepublicananorepublica
61

Frontend CSS

Enforce frontend CSS coding standards for naming, organization, and responsive design.

Community
Basic
ASTRA-TECHNOLOGY-COMPANY-LIMITEDASTRA-TECHNOLOGY-COMPANY-LIMITED

coding-convention

Enforce language-specific coding conventions across Java, Python, TypeScript, CSS/SCSS, and React Native.

Official
Advanced