kausthubh-coder/spark-scene
.agents/skills/spark-scene/SKILL.md
Build a Spark Scene as one self-contained HTML file for inline educational micro-interactions.
development
Updated Apr 17, 2026
$ install --global
skillsauthnpx skillsauth add kausthubh-coder/studi spark-sceneInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 17, 2026, 8:29 AM351.8s1 file scanned
SKILL.md
- name:
- spark-scene
- description:
- Build a Spark Scene as one self-contained HTML file for inline educational micro-interactions.
Spark Scene Skill
When to use
Use this skill when the learner would benefit from an interactive visual artifact that text alone cannot explain well.
Output contract
- Return one complete HTML file string.
- Include CSS and JavaScript inline.
- Keep it read-only from the host UI perspective.
- Do not depend on external scripts or assets.
Quality checklist
- Interaction clearly matches the learning objective.
- UI is understandable on desktop and mobile sizes.
- Labels and hints explain what to do.
- HTML runs standalone in an iframe.
- Avoid network requests and external dependencies.
Validation checklist
- HTML is non-empty and includes an
<html>root. - Inline script syntax parses.
- No
<script src=...>tags. - File stays reasonably small for chat rendering.
Related Skills
kausthubh-coder/llm-analytics-setup
data-ai
VerifiedTrustedCommunity
PostHog LLM analytics for all supported providers
SKILL.mdUpdated Apr 17, 2026
kausthubh-coder/integration-nextjs-app-router
tools
VerifiedTrustedCommunity
PostHog integration for Next.js App Router applications
SKILL.mdUpdated Apr 17, 2026
kausthubh-coder/openrouter-typescript-sdk
development
VerifiedTrustedCommunity
Complete reference for integrating with 300+ AI models through the OpenRouter TypeScript SDK using the callModel pattern
SKILL.mdUpdated Apr 17, 2026
kausthubh-coder/frontend-design
development
VerifiedTrustedCommunity
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
SKILL.mdUpdated Apr 17, 2026