📦

html

Name: html
Author: shreyam1008

内容修订 r1 安全 ⚙️ 外部命令

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.

支持: Claude Codex Code(CC)

🥉 78 青铜

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

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.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/shreyam1008-html.md 已签名 manifest GET /api/skills/shreyam1008-html/manifest 已签名 lockfile GET /api/skills/shreyam1008-html/lockfile

测试它

正在使用“html”。 How should a product page organize its main regions?

预期结果:

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.

正在使用“html”。 What should I check on a newsletter signup form?

预期结果:

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.

安全审计

安全

v1 • 2026/10/2 打开版本化报告

All 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.

已扫描文件

分析行数

复核项

已忽略误报

最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。

审计者: codex

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/shreyam1008-html/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/shreyam1008-html/security.svg)](https://skillstore.io/skills/shreyam1008-html?utm_source=security_passport_badge)

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>

嵌入卡片

<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>

学术引用 (APA · BibTeX · CFF)

APA 引用

shreyam1008. (2026). html security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shreyam1008-html/audits/1

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"

Skillstore 评分

评分依据证据置信度: 中

架构

可维护性

内容

社区

规范符合性

你能构建什么

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.

试试这些提示

Create a page structure

Create a semantic HTML structure for a page about [topic]. Include landmarks, a logical heading order, and accessible navigation.

Build an accessible form

Design the HTML for a [form type]. Include labels, suitable input types, autocomplete values, field grouping, native validation, and accessible error references.

Review existing markup

Review this HTML for semantic structure and accessibility. List each issue, explain its user impact, and propose a specific markup correction: [paste HTML].

Optimize document metadata

Audit the document head for [page type]. Recommend title, description, language, viewport, canonical, social metadata, structured data, image dimensions, and script loading improvements.

最佳实践

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.

避免

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.

常见问题

Does this skill create CSS?

No. It focuses on semantic markup, native behavior, accessibility, forms, metadata, and performance-aware HTML.

Can it design accessible forms?

Yes. It covers labels, input types, autocomplete, fieldsets, legends, native validation, and error associations.

Does it replace an accessibility audit?

No. It provides markup guidance, but automated checks and manual testing remain necessary.

Can it improve SEO markup?

Yes. It can recommend titles, descriptions, canonical links, social metadata, structured data, and semantic content structure.

Should I use ARIA everywhere?

No. Prefer native semantics and add ARIA only when it fills a genuine accessibility gap.

Can it review existing HTML?

Yes. Provide the markup and context, and it can identify structural, form, metadata, and accessibility improvements.

开发者详情

作者

shreyam1008

许可证

MIT

Skillstore 修订

版本提示

作者未声明版本。

仓库

https://github.com/shreyam1008/shre-skills/tree/ba9787f41c2fe1be1062eeb6322bc339a1026383/skills/html

引用

bbec03cf10354f3aaccd6dd24eda4ac9ceeceac5

维护新鲜度

2026/10/2

使用量

0 次下载 · 0 次浏览

文件结构

📄 SKILL.md