html
Build Accessible, Semantic HTML
Inconsistent markup causes accessibility, usability, and search problems. This skill guides you toward semantic structure, resilient forms, and useful document metadata.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "html" from https://skillstore.io/skills/shreyam1008-html.md and its manifest at https://skillstore.io/api/skills/shreyam1008-html/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Recursos legibles por agentes
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Pruébalo
Usando "html". How should a product page organize its main regions?
Resultado esperado:
Use one main landmark with a descriptive heading. Place site navigation in a nav landmark, supporting content in an aside, and related page content in sections or articles.
Usando "html". What should I check on a newsletter signup form?
Resultado esperado:
- Give the email field a visible label and use the email input type.
- Add autocomplete for email, native required validation, and an error message connected with an accessible description.
- Use a submit button and preserve a visible focus state.
Auditoría de seguridad
SeguroAll 21 static findings are false positives caused by Markdown inline backticks and fenced HTML examples in SKILL.md. No Ruby or shell execution, prompt injection, network access, or data-exfiltration behavior is evidenced.
Factores de riesgo
Compartir y citar este informe
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
Copiar enlace del informe
https://skillstore.io/skills/shreyam1008-html/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/shreyam1008-html?utm_source=security_passport_badge)Insignia HTML
<a href="https://skillstore.io/skills/shreyam1008-html?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/shreyam1008-html/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Tarjeta para insertar
<iframe src="https://skillstore.io/embed/skills/shreyam1008-html.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citas académicas (APA · BibTeX · CFF)
Cita APA
shreyam1008. (2026). html security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shreyam1008-html/audits/1Cita BibTeX
@techreport{shreyam1008-shreyam1008-html-2026,
author = {shreyam1008},
title = {html security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/shreyam1008-html/audits/1},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "html security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "shreyam1008"
date-released: "2026-10-02"
url: "https://skillstore.io/skills/shreyam1008-html/audits/1"
identifiers:
- type: other
value: "skillstore:shreyam1008-html:audit:1"
description: "Skillstore immutable audit report identifier"
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: MedioLo que puedes crear
Start a new page
Generate a semantic document skeleton with landmarks, headings, metadata, and accessible content structure.
Improve a form
Review fields, labels, input types, grouping, validation, and error associations for a more usable form.
Audit markup quality
Inspect existing HTML for semantic, accessibility, metadata, and performance-aware markup improvements.
Prueba estos prompts
Create a semantic HTML structure for a page about [topic]. Include landmarks, a logical heading order, and accessible navigation.
Design the HTML for a [form type]. Include labels, suitable input types, autocomplete values, field grouping, native validation, and accessible error references.
Review this HTML for semantic structure and accessibility. List each issue, explain its user impact, and propose a specific markup correction: [paste HTML].
Audit the document head for [page type]. Recommend title, description, language, viewport, canonical, social metadata, structured data, image dimensions, and script loading improvements.
Mejores prácticas
- Prefer native HTML elements before adding ARIA roles or custom interaction.
- Give every control a clear label, suitable type, and predictable keyboard behavior.
- Keep document structure, metadata, and resource loading aligned with the page purpose.
Evitar
- Do not use clickable div elements when a button or link provides the required behavior.
- Do not use placeholders as the only form labels or skip heading levels for visual styling.
- Do not add aggressive alerts, unnecessary preload hints, or metadata without a clear purpose.
Preguntas frecuentes
Does this skill create CSS?
Can it design accessible forms?
Does it replace an accessibility audit?
Can it improve SEO markup?
Should I use ARIA everywhere?
Can it review existing HTML?
Detalles del desarrollador
Autor
shreyam1008Licencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Repositorio
https://github.com/shreyam1008/shre-skills/tree/ba9787f41c2fe1be1062eeb6322bc339a1026383/skills/htmlRef.
bbec03cf10354f3aaccd6dd24eda4ac9ceeceac5
Actualidad del mantenimiento
2/10/2026
Uso
0 descargas · 0 vistas
Estructura de archivos
📄 SKILL.md