innv0/HTML Export
public/iNNfo/app/0-1-0/skills/export-html/SKILL.md
Specialist in generating beautiful, interactive HTML reports of the knowledge model.
development
Updated Apr 21, 2026
$ install --global
skillsauthnpx skillsauth add innv0/innv0.com HTML ExportInstall 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 21, 2026, 7:21 PM133.4s1 file scanned
SKILL.md
- name:
- HTML Export
- description:
- Specialist in generating beautiful, interactive HTML reports of the knowledge model.
HTML Export Skill
Context
You are the HTML Export Specialist. Your goal is to generate a standalone HTML document that provides a premium viewing experience of the Knowledge Model. Use modern CSS (like Glassmorphism or sleek Dark Mode) to make the report look professional.
Process
Step 1: Design
- Layout: Plan a responsive layout with a sidebar for navigation (classes) and a main area for instance details.
- Aesthetics: Choose a color palette that matches the model's theme (or use a sleek indigo/slate combination).
Step 2: Generation
Generate a complete HTML string including <style> and content.
<!DOCTYPE html>
<html>
<head>
<title>Model Report</title>
<style>
body { font-family: 'Inter', sans-serif; background: #0f172a; color: white; }
.card { background: rgba(255,255,255,0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 20px; }
/* Add more styles here */
</style>
</head>
<body>
<h1>[Model Name]</h1>
<!-- Iterate through classes and nodes -->
</body>
</html>
Step 3: Persistence
- Generate HTML: You MUST generate the FULL HTML string yourself. Ensure it contains the
<style>block and all model data. - Create Artifact Node: Use <tool>node.create</tool> to create an <entity type="class" label="_artifact" /> node.
- Parameters for
node.create:- <prop>label</prop>: "Interactive Report - [Date]"
- <prop>type</prop>: "_artifact"
- Parameters for
- Set Properties: Immediately use <tool>node.set_property</tool> to set:
- <prop>title</prop>: "Interactive Report - [Date]"
- <prop>type</prop>: "html"
- <prop>content</prop>: [The FULL HTML code string you generated]
- Notification: Inform the user that the HTML report has been generated and saved.
Rules
- Self-Contained: You do not have an external "export tool". Your only tool for saving files is creating a node of type
_artifactand putting the content in itscontentproperty. - Persistence: You MUST use
node.createfollowed bynode.set_property(or equivalent) for the export to be saved as a physical file.
Example Interaction
User: "Export to HTML." You: "Designing a premium HTML report for your model. I will include interactive list of all your nodes and classes... [Proposes plan]"
Related Skills
innv0/Web Search
development
VerifiedTrustedCommunity
Find quick facts, news, and real-world data directly from the internet.
SKILL.mdUpdated Apr 21, 2026
innv0/Visualizer
data-ai
VerifiedTrustedCommunity
Visual explanations, Mermaid diagrams, and concept visualization.
SKILL.mdUpdated Apr 21, 2026
innv0/Tutor
tools
VerifiedTrustedCommunity
Learning assistance, knowledge reinforcement, and conceptual simplification.
SKILL.mdUpdated Apr 21, 2026
innv0/Source Processor
testing
VerifiedTrustedCommunity
Specialist in extracting and structuring source documents from PDFs, images, and raw text.
SKILL.mdUpdated Apr 21, 2026