html-css

Google's official HTML/CSS style guide. Covers formatting, naming, semantics, accessibility, and best practices for web markup and styling.

Ir a la instalación

Repositorio: testdino-hq/google-styleguides-skills
Última actividad en el origen: 25 de febrero de 2026 a las 10:47
Idioma detectado de SKILL.md: inglés
Estrellas: 9
Forks: 1

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.

npx skills add https://github.com/testdino-hq/google-styleguides-skills --skill html-css

El comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.

¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.

Revisa los archivos de origen

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

Explorador de archivos

2 archivos

SKILL.md

Instrucciones de origen · Vista previa de solo lectura

Volver a la búsqueda Volver a la instalación

google-styleguides-skills

Complete collection of Google's official style guides for 17 languages. Includes TypeScript, JavaScript, Python, Java, Go, C++, C#, Swift, Objective-C, HTML/CSS, AngularJS, Shell, R, Common Lisp, Vim Script, JSON, and Markdown. Production-ready coding standards used across Google's engineering organization, formatted for AI agent consumption.

2026-02-25

angularjs

Google's official AngularJS style guide. Covers controllers, services, directives, modules, dependency injection, and AngularJS 1.x best practices.

2026-02-25

common-lisp

Google's official Common Lisp style guide. Covers naming conventions, formatting, macros, packages, documentation strings, and Lisp best practices.

2026-02-25

Ver todos los de este repositorio

name	html-css
description	Google's official HTML/CSS style guide. Covers formatting, naming, semantics, accessibility, and best practices for web markup and styling.

Google HTML/CSS Style Guide

Official Google HTML and CSS coding standards for consistent web development.

Quick Reference

Golden Rules

Semantic HTML — use appropriate elements
Lowercase everything — tags, attributes, values
Close all tags — even optional ones
Use meaningful class names — describe purpose, not appearance
Accessibility first — ARIA, alt text, semantic structure
Mobile-first CSS — start with mobile, enhance for desktop
BEM or similar — consistent naming methodology

HTML Conventions (Preview)

<!-- ✓ CORRECT -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Page Title</title>
  </head>
  <body>
    <header class="site-header">
      <h1>Welcome</h1>
    </header>
  </body>
</html>

CSS Conventions (Preview)

/* ✓ CORRECT */
.user-profile {
  display: flex;
  padding: 1rem;
}

.user-profile__avatar {
  width: 48px;
  height: 48px;
}

When to Use This Guide

Writing new HTML/CSS
Refactoring existing markup/styles
Code reviews
Setting up linting rules
Onboarding new team members

Install

npx skills add testdino-hq/google-styleguides-skills/html-css

Full Guide

See html-css.md for complete details, examples, and edge cases.

html-css

Datos de origen

Opciones de instalación

Revisa los archivos de origen

Más de este repositorio

Más de este repositorio

Google HTML/CSS Style Guide

Quick Reference

Golden Rules

HTML Conventions (Preview)

CSS Conventions (Preview)

When to Use This Guide

Install

Full Guide

Google HTML/CSS Style Guide

Quick Reference

Golden Rules

HTML Conventions (Preview)

CSS Conventions (Preview)

When to Use This Guide

Install

Full Guide