스킬 low-level-web-rendering

📦

low-level-web-rendering

Name: low-level-web-rendering
Author: shreyam1008

콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어🌐 네트워크 접근

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.

지원: Claude Codex Code(CC)

🥉 78 브론즈

Maintain this Skill? Claim it 🥉 78 브론즈

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 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 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/shreyam1008-low-level-web-rendering.md 서명된 manifest GET /api/skills/shreyam1008-low-level-web-rendering/manifest 서명된 lockfile GET /api/skills/shreyam1008-low-level-web-rendering/lockfile

테스트해 보기

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

보안 감사

안전

v1 • 2026. 10. 2. 버전별 보고서 열기

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.

스캔된 파일

135

분석된 줄 수

검토 항목

오탐 무시됨

위험 요인

⚙️ 외부 명령어 (13)

SKILL.md:19 SKILL.md:20 SKILL.md:22 SKILL.md:35 SKILL.md:39 SKILL.md:40 SKILL.md:46-57 SKILL.md:57-60 SKILL.md:60-67 SKILL.md:67-74 SKILL.md:74-82 SKILL.md:82 SKILL.md:89

🌐 네트워크 접근 (5)

SKILL.md:129 SKILL.md:130 SKILL.md:131 SKILL.md:132 SKILL.md:133

가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.

감사자: codex

이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기

보고서 링크 복사

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

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/shreyam1008-low-level-web-rendering/security.svg)](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/1

BibTeX 인용

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

이 프롬프트를 사용해 보세요

Choose a Starting Renderer

Compare DOM, SVG, and Canvas for [interface]. Consider text selection, keyboard access, visual density, and browser targets. Recommend a starting renderer.

Improve Canvas Resizing

Review [Canvas 2D implementation] for resize behavior, pixel density, coordinate scaling, and animation scheduling. Identify missing measurements and accessibility alternatives.

Design Worker Rendering

Given [performance measurements] and [browser targets], assess OffscreenCanvas. Define worker ownership, state transfer, input handling, and a main-thread fallback.

Review a Hybrid GPU Architecture

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?

Use it for renderer selection, performance architecture tradeoffs, worker rendering decisions, or experimental HTML-in-Canvas evaluation.

Does this skill supply a rendering engine?

No. It supplies decision guidance, short browser examples, and review checklists.

Is WebGPU always faster than DOM or Canvas?

No. The skill recommends measuring the bottleneck and choosing the least specialized renderer that meets the product need.

Can canvas replace accessible application controls?

Canvas pixels do not create semantics. Keep meaningful DOM controls, keyboard behavior, focus order, and equivalent text or data.

Should production interfaces depend on HTML-in-Canvas?

The skill treats it as experimental. Keep it isolated, feature-detected, and backed by a usable semantic alternative.

What is required before using OffscreenCanvas?

Measure the main-thread workload, verify support in target browsers, define ownership and messaging, and retain a working fallback.

개발자 세부 정보

작성자

shreyam1008

라이선스

MIT

Skillstore 리비전

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/shreyam1008/shre-skills/tree/ba9787f41c2fe1be1062eeb6322bc339a1026383/skills/low-level-web-rendering

참조

bbec03cf10354f3aaccd6dd24eda4ac9ceeceac5

유지보수 최신성

2026. 10. 2.

사용량

0 다운로드 · 0 조회

파일 구조

📄 SKILL.md