OUTPUT IS ALWAYS A SINGLE .html FILE (never .md, never separate CSS/JS files) containing a live, tunable demo of one CSS/JS technique. Use this skill whenever the user asks for an animation playground, animation sandbox, "let me tune the easing", "show me different timings of X", interactive demo of one effect, CSS demo, transition tuner, or any artifact whose primary shape is "one thing animating, with sliders to tune it". Pair with artifact-css for the underlying design system and jQuery 4.0.0 + jQuery UI 1.14.2 for the slider widgets. Do NOT use for full editor UIs (use artifact-editor) — sandbox is single-effect focused.
How to install artifact-sandbox?
olakunlevpn/olakunlevpn-artifact-skills/artifact-sandbox
$npx -y skills add olakunlevpn/olakunlevpn-artifact-skills --skill artifact-sandboxInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/olakunlevpn/olakunlevpn-artifact-skills" --skill "olakunlevpn/olakunlevpn-artifact-skills/artifact-sandbox"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/olakunlevpn/olakunlevpn-artifact-skills" that are relevant to the current task. Run `npx skills add "https://github.com/olakunlevpn/olakunlevpn-artifact-skills"` and select the relevant skills, then follow their instructions.
Related
6 picksType
- azure-diagnosticsDebug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe triage.Jul 2026
- appinsights-instrumentationGuidance for instrumenting webapps with Azure Application Insights. Provides telemetry patterns, SDK setup, and configuration references.Jul 2026
- diagnosing-bugsDiagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwing/failing/slow.Jul 2026
- systematic-debuggingUse when encountering any bug, test failure, or unexpected behavior, before proposing fixesJul 2026
- safe-debugRigor Debug / Rigor Audit skill for deep learning research work.Jul 2026
- golang-error-handlingIdiomatic Golang error handling — creation, wrapping with %w, errors.Is/As, errors.Join, custom error types, sentinel errors, panic/recover, the single…Jul 2026
