visual-engine-skill
Build Accessible Visual Experiences
Visual experiences can become inconsistent, slow, or inaccessible across pages. This skill guides animation, gallery, demo, and Three.js updates with clear safety constraints.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
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.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "visual-engine-skill". Add a new beam effect to the inspiration gallery.
Expected outcome:
A scoped implementation plan that covers registry updates, page changes, reduced motion behavior, and visual QA steps.
Using "visual-engine-skill". Review a proposed hero animation for launch.
Expected outcome:
A practical review that flags motion safety, performance risks, page scope, and required accessibility checks.
Using "visual-engine-skill". Create a 3D visual demo concept for the engine page.
Expected outcome:
A concise concept plan with component scope, interaction behavior, performance safeguards, and demo placement.
Security Audit
SafeNo 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.
Risk Factors
⚙️ External commands (11)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/cleanexpo-visual-engine-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/cleanexpo-visual-engine-skill?utm_source=security_passport_badge)HTML badge
<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>Embed card
<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>Academic citations (APA · BibTeX · CFF)
APA citation
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 citation
@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 Score
Why this score Evidence Confidence: HighWhat You Can Build
Add Page Animations
Use the skill to add visual effects to landing pages while preserving accessibility and performance constraints.
Review Visual Concepts
Use the skill to align inspiration gallery and demo experiences with supported animation categories.
Check Motion Safety
Use the skill to verify reduced motion support, timing limits, and flashing restrictions before release.
Try These Prompts
Review the Visual Experience Engine changes for reduced motion support, flashing risks, and animation duration problems.
Add a new animation preset with a human-friendly name and wire it into the relevant visual registry and demo surface.
Update the demos page to show a new visual effect, including safe defaults and clear behavior for reduced motion users.
Design a Three.js visual component plan that fits the visual engine scope and avoids heavy blocking scripts.
Best Practices
- Start by mapping changes to the scoped visual engine files.
- Check reduced motion behavior for every animation change.
- Keep animation timing above 0.5 seconds and avoid rapid flashing.
Avoid
- Adding heavy effects that block rendering.
- Using disorienting zoom or rotation as a default interaction.
- Changing unrelated pages outside the visual engine scope.