low-level-web-rendering
Choose Accessible Web Rendering Architectures
Choosing a browser renderer without measurements can reduce accessibility and increase complexity. This skill guides renderer selection, performance diagnosis, and fallback planning.
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "low-level-web-rendering" from https://skillstore.io/skills/shreyam1008-low-level-web-rendering.md and its manifest at https://skillstore.io/api/skills/shreyam1008-low-level-web-rendering/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「low-level-web-rendering」を使用しています。 Which renderer should support a dense chart with searchable labels and keyboard navigation?
期待される結果:
- Begin with SVG when addressable elements and accessible labels meet the measured workload.
- If node count becomes the measured bottleneck, evaluate Canvas for marks while keeping controls and equivalent data in DOM.
- Compare frame time, interaction latency, and accessibility on target devices before changing architecture.
「low-level-web-rendering」を使用しています。 Should we move a drawing interface to OffscreenCanvas when dragging becomes unresponsive?
期待される結果:
- Profile dragging to determine whether rendering, layout, or unrelated scripting blocks input.
- If supported rendering work dominates, transfer canvas ownership once and keep input and semantic state on the main thread.
- Send compact state updates and retain a usable main-thread renderer for unsupported browsers.
「low-level-web-rendering」を使用しています。 Can HTML-in-Canvas become our production UI dependency?
期待される結果:
- Treat HTML-in-Canvas as an isolated experiment rather than a required production dependency.
- Feature-detect the exact method and preserve an equivalent, visible semantic DOM path.
- Review current browser support and privacy rules before testing snapshot drawing or readback.
セキュリティ監査
安全All 20 static findings are false positives: Markdown formatting, browser rendering examples, documentation links, and performance advice. No evidence found of shell execution, system reconnaissance, data exfiltration, or prompt injection in the reviewed SKILL.md.
リスク要因
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/shreyam1008-low-level-web-rendering/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/shreyam1008-low-level-web-rendering?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/shreyam1008-low-level-web-rendering?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/shreyam1008-low-level-web-rendering/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/shreyam1008-low-level-web-rendering.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). low-level-web-rendering security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shreyam1008-low-level-web-rendering/audits/1BibTeX形式の引用
@techreport{shreyam1008-shreyam1008-low-level-web-rendering-2026,
author = {shreyam1008},
title = {low-level-web-rendering security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/shreyam1008-low-level-web-rendering/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: "low-level-web-rendering security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "shreyam1008"
date-released: "2026-10-02"
url: "https://skillstore.io/skills/shreyam1008-low-level-web-rendering/audits/1"
identifiers:
- type: other
value: "skillstore:shreyam1008-low-level-web-rendering:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 中作成できるもの
Select a Renderer for Interactive Charts
Compare SVG and Canvas for dense charts while preserving keyboard access, labels, and equivalent data.
Plan a Responsive Rendering Pipeline
Evaluate whether measured main-thread rendering work justifies OffscreenCanvas, workers, and explicit compatibility fallbacks.
Review Experimental Rendering Readiness
Assess HTML-in-Canvas experiments for semantic alternatives, feature detection, browser coverage, and removable implementation paths.
これらのプロンプトを試す
Compare DOM, SVG, and Canvas for [interface]. Consider text selection, keyboard access, visual density, and browser targets. Recommend a starting renderer.
Review [Canvas 2D implementation] for resize behavior, pixel density, coordinate scaling, and animation scheduling. Identify missing measurements and accessibility alternatives.
Given [performance measurements] and [browser targets], assess OffscreenCanvas. Define worker ownership, state transfer, input handling, and a main-thread fallback.
Review [rendering architecture] combining DOM controls, WebGPU visuals, and an HTML-in-Canvas experiment. Define measurement budgets, feature gates, recovery paths, and release criteria.
ベストプラクティス
- Measure a representative interaction and change only the layer responsible for the bottleneck.
- Keep text, controls, focus behavior, and equivalent data in meaningful DOM representations.
- Define browser fallbacks, pixel budgets, recovery behavior, and target-device tests before adopting specialized rendering.
回避
- Choose a GPU renderer solely because it appears faster or more modern.
- Replace essential text and controls with canvas pixels without equivalent semantics.
- Require experimental APIs, browser flags, or origin-trial tokens for ordinary users.
よくある質問
When should I use this skill?
Does this skill supply a rendering engine?
Is WebGPU always faster than DOM or Canvas?
Can canvas replace accessible application controls?
Should production interfaces depend on HTML-in-Canvas?
What is required before using OffscreenCanvas?
開発者情報
作成者
shreyam1008ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
bbec03cf10354f3aaccd6dd24eda4ac9ceeceac5
メンテナンスの新しさ
2026/10/2
利用状況
0 ダウンロード · 0 閲覧
ファイル構成
📄 SKILL.md