Skills
.Work. You
Rest

fogsight-skill

Community

Generate educational animations

Education & Research#html#educational content#visualization#animation#gsap#concept explanation
AuthorhongyangAndroid
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill automates the creation of engaging, animated educational content from abstract concepts, making complex topics visually understandable.

Core Features & Use Cases

  • Concept Visualization: Transforms abstract ideas (algorithms, physics, math) into dynamic HTML/CSS/JS animations.
  • Automated Content Generation: Uses a specific prompt template to generate unique animations for any given topic.
  • Use Case: A user wants to understand how "Bubble Sort" works. This skill generates a self-playing HTML animation demonstrating the sorting process step-by-step with bilingual subtitles.

Quick Start

Use the fogsight-skill to generate an animation for the topic '冒泡排序'.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: fogsight-skill
Download link: https://github.com/hongyangAndroid/blog_ai/archive/main.zip#fogsight-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.