explainer

Name: explainer
Author: heysarver

Generate a beautiful, non-technical HTML explainer with 3 self-contained color-coded sections. Works on any software project — scans the codebase to understand the topic, then produces a premium dark-themed standalone HTML file for non-technical stakeholders. Optionally publishes to explainers.fyi for an instant shareable public URL.

0stars

Updated 3 months ago

View on GitHub ↗

How to add

/plugin marketplace add heysarver/explainer-skill

The exact command may vary by repository. Check the README on GitHub.

For the skill author

Drop this on your repo README

Shows your skill is listed on Skillteca, generates a backlink and trackable traffic.

[![Listada na Skillteca](https://www.skillteca.com.br/api/badge/explainer-heysarver/svg)](https://www.skillteca.com.br/skills/explainer-heysarver?utm_source=badge&utm_medium=readme&utm_campaign=badge)

#ai

Related skills

See all in Desenvolvimento →

claude-api

143.8k

Build, debug, and optimize Claude API / Anthropic SDK apps. Apps built with this skill should include prompt caching. Also handles migrating existing Claude API code between Claude model versions (4.5 → 4.6, 4.6 → 4.7, retired-model replacements). TRIGGER when: code imports `anthropic`/`@anthropic-ai/sdk`; user asks for the Claude API, Anthropic SDK, or Managed Agents; user adds/modifies/tunes a C

Desenvolvimento#ai#apiby anthropics

skill-creator

143.8k

Create new skills, modify and improve existing ones, and measure their performance. Use this skill for developing, editing, optimizing, testing, and benchmarking skills, as well as refining their descriptions for better triggering.

Desenvolvimento#testby anthropics

oh-my-issues

79.7k

This skill clusters GitHub issue backlogs by root cause into plan-master issues, redirects related children, and bundles architectural-fix PRs to close clusters atomically. It's ideal for triaging and consolidating numerous issues sharing underlying defects, or for building a plan series or roadmap.

Desenvolvimento#github#gitby thedotmack

claude-mem

79.7k

Captures agent actions across sessions, compresses them with AI, and injects relevant context into future interactions. Compatible with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode, and more.

Desenvolvimento#aiby thedotmack

Category alert

Get new Desenvolvimento skills every Monday

One short email with only the new Desenvolvimento skills. 4 minutes of reading, no spam, unsubscribe with one click.

You confirm your email on the first send. No spam. Unsubscribe with one click.

explainer: Non-Technical HTML Explainer Generator

Turn any system, feature, or flow into a beautiful 3-column explainer page — premium dark aesthetic, no tangled arrows between sections, fully self-contained HTML. Works on any software project or concept.

Phase 1 — Research the Topic

1a. Locate output directory

Check where to save the file:

IF docs/diagrams/ exists → save there
ELSE IF docs/           → save there
ELSE IF public/         → save there
ELSE                   

[Description truncada. Veja o README completo no GitHub.]

ShareX LinkedIn

Comments · No comments

No comments yet. Be the first.