visual-engine-skill
접근성 높은 시각적 경험 구축
시각적 경험은 페이지 전반에서 일관성이 떨어지거나 느려지거나 접근성이 낮아질 수 있습니다. 이 스킬은 명확한 안전 제약 조건과 함께 애니메이션, 갤러리, 데모, Three.js 업데이트를 안내합니다.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "visual-engine-skill" from https://skillstore.io/skills/cleanexpo-visual-engine-skill.md and its manifest at https://skillstore.io/api/skills/cleanexpo-visual-engine-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"visual-engine-skill" 사용 중입니다. 인스피레이션 갤러리에 새 beam 효과를 추가하세요.
예상 결과:
레지스트리 업데이트, 페이지 변경, 감소된 모션 동작, 시각적 QA 단계를 포함하는 범위가 명확한 구현 계획.
"visual-engine-skill" 사용 중입니다. 출시를 위해 제안된 히어로 애니메이션을 검토하세요.
예상 결과:
모션 안전성, 성능 위험, 페이지 범위, 필요한 접근성 검사를 지적하는 실용적인 검토.
"visual-engine-skill" 사용 중입니다. engine 페이지를 위한 3D 시각적 데모 콘셉트를 만드세요.
예상 결과:
컴포넌트 범위, 상호작용 동작, 성능 보호 장치, 데모 배치를 포함한 간결한 콘셉트 계획.
보안 감사
안전No confirmed security issues were found. The static analyzer matched Markdown inline code backticks and ordinary safety prose in SKILL.md, not shell execution or reconnaissance behavior.
위험 요인
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/cleanexpo-visual-engine-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/cleanexpo-visual-engine-skill?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/cleanexpo-visual-engine-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cleanexpo-visual-engine-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/cleanexpo-visual-engine-skill.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 인용
CleanExpo. (2026). visual-engine-skill security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cleanexpo-visual-engine-skill/audits/8BibTeX 인용
@techreport{cleanexpo-cleanexpo-visual-engine-skill-2026,
author = {CleanExpo},
title = {visual-engine-skill security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cleanexpo-visual-engine-skill/audits/8},
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: "visual-engine-skill security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "CleanExpo"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cleanexpo-visual-engine-skill/audits/8"
identifiers:
- type: other
value: "skillstore:cleanexpo-visual-engine-skill:audit:8"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
페이지 애니메이션 추가
접근성과 성능 제약을 유지하면서 랜딩 페이지에 시각 효과를 추가하는 데 이 스킬을 사용합니다.
시각적 콘셉트 검토
인스피레이션 갤러리와 데모 경험을 지원되는 애니메이션 카테고리에 맞추는 데 이 스킬을 사용합니다.
모션 안전성 확인
릴리스 전에 감소된 모션 지원, 타이밍 제한, 깜박임 제한을 검증하는 데 이 스킬을 사용합니다.
이 프롬프트를 사용해 보세요
Visual Experience Engine 변경 사항을 검토하여 감소된 모션 지원, 깜박임 위험, 애니메이션 지속 시간 문제를 확인하세요.
사람이 이해하기 쉬운 이름의 새 애니메이션 프리셋을 추가하고 관련 visual registry 및 demo surface에 연결하세요.
안전한 기본값과 감소된 모션 사용자를 위한 명확한 동작을 포함하여 새 시각 효과를 보여주도록 demos 페이지를 업데이트하세요.
visual engine 범위에 맞고 무거운 blocking scripts를 피하는 Three.js 시각적 컴포넌트 계획을 설계하세요.
모범 사례
- 변경 사항을 범위가 지정된 visual engine 파일에 매핑하는 것부터 시작하세요.
- 모든 애니메이션 변경에 대해 감소된 모션 동작을 확인하세요.
- 애니메이션 타이밍을 0.5초보다 길게 유지하고 빠른 깜박임을 피하세요.
피하기
- 렌더링을 차단하는 무거운 효과를 추가하는 것.
- 방향 감각을 흐트러뜨리는 확대/축소 또는 회전을 기본 상호작용으로 사용하는 것.
- visual engine 범위 밖의 관련 없는 페이지를 변경하는 것.