Skills
.Work. You
Rest

explainer-site

Community

Create deep-dive explainer sites with style and depth.

Education & Research#education#tailwind#nuxt#mermaid-diagrams#explainer-site#how-it-works#pipeline-thinking
Authordrpedapati
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Create deep-dive, single-page explainer websites in the style of howkeyboardswork.com — technically rigorous but accessible, personal yet authoritative, with progressive disclosure from overview to implementation details.

Core Features & Use Cases

  • Voice & tone guidelines influence the writing, ensuring a personal yet authoritative exposition.
  • Pipeline thinking structures content from overview to implementation, guiding readers through progressive depth.
  • Beautiful Mermaid diagrams are embedded to visually explain concepts and relationships.
  • Reference implementations and working demos provide patterns to mimic or adapt for new topics.

Quick Start

Replace topic content and diagrams in the template to generate your own explainer site, then deploy to your preferred hosting.

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: explainer-site
Download link: https://github.com/drpedapati/sciclaw/archive/main.zip#explainer-site

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.