Visual Explainer
Transformă rezultate tehnice în pagini HTML interactive
Instalare
Include scripturiWhen technical output, system diagrams, or data need visual HTML explanations instead of terminal text
- Autor
- nicobailon
- Licență
- MIT
Prezentare generală
Visual Explainer transformă informațiile tehnice în pagini HTML gata de publicare. Fie că explică arhitectura unui sistem, modificări de cod, indicatori sau planuri de proiect, generează materiale vizuale cu navigare din tastatură, stări de focalizare și suport automat pentru modul întunecat, fără dependențe externe.
Puncte forte
- Redă diagrame de flux Mermaid, diagrame de secvență, scheme ER, modele C4 și mașini de stări, cu funcții de mărire și panoramare
- Produce pagini HTML complet autonome, cu marcaj semantic
- Impune accesibilitatea din tastatură, indicatori de focalizare și suport pentru mișcare redusă
- Acceptă prezentări și aranjamente comparative pentru expuneri și evaluări
- Include opțional modul Quick pentru specificații JSON simple, cu validare separată
Cui i se adresează
Folosește această abilitate când rezultatul tehnic este în mod natural vizual, iar reprezentările ASCII nu sunt suficiente. Clarifică evaluările de arhitectură, explică diferențele de cod, rezumă date și structurează planuri strategice, transformând complexitatea în materiale vizuale accesibile, pe care părțile interesate le pot înțelege dintr-o privire.
Skill-uri similare
Web Design Engineer
SkillCreează interfețe web rafinate, ghidate de intenția vizuală
Draw.io Diagrams
SkillTransformă idei tehnice și cod în diagrame draw.io editabile
Playground
SkillGenerează playgrounduri HTML cu controale și prompt copiabil

Comentarii(0)
Autentifică-te pentru a comenta