📦

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

Maintain this Skill? Claim it 🥉 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