inematds

Skill Video Demonstrativo — Development skill for Claude Code

Development community

Skill Claude que gera vídeos de demonstração (walkthrough) de apps web navegando telas reais, com narração e CTA INEMA.CLUB.

How to install Skill Video Demonstrativo

This entry records only its repository, not the path inside it, so there is no exact command to give. Open inematds/skill-video-demonstrativo and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Skill Video Demonstrativo does

Skill Claude que gera vídeos de demonstração (walkthrough) de apps web navegando telas reais, com narração e CTA INEMA.CLUB.

Alternatives in Development

Claude Grc Engineering — Open-source GRC toolkit from the GRC Engineering Club 384 ★
Dsa Mentor — Daily algorithm lecture and LeetCode problem walkthrough 84 ★
O Que é Isso? What Is This? — 15 habilidades Claude especializadas projetadas para Seedance 2.0 (Higgsfield) 54 ★

README

skill-video-demonstrativo

🌐 **Curso navegável (GitHub Pages):** https://inematds.github.io/skill-video-demonstrativo/ — landing + 3 trilhas / 10 módulos no formato INEMA.CLUB, com a Skill em `.zip` pra baixar. Também listado no portal [inema.club](https://inema.club).

Projeto de desenvolvimento da skill **`video-demonstrativo`** — gera vídeos de demonstração (walkthrough) de uma aplicação web a partir do link do app: navega o app de verdade, captura as telas reais passo a passo e monta um vídeo narrado com moldura de navegador, cursor animado, destaque/zoom e CTA do INEMA.CLUB.

É a irmã da skill `video-explicativo`: aquela **explica um conceito** (motion graphics); esta **mostra um app real sendo usado**.

**Versão da Skill:** `v1.1.0` · esquema `v1.yy.xxx` (yy = recurso, xxx = bug) · histórico em [`video-demonstrativo/CHANGELOG.md`](video-demonstrativo/CHANGELOG.md).

Estrutura

skill-video-demonstrativo/
├── README.md                      (este arquivo)
└── video-demonstrativo/           (a skill instalável — AUTO-CONTIDA)
    ├── SKILL.md
    ├── references/
    │   ├── pipeline.md            captura → narração → composição → render
    │   ├── cursor-and-chrome.md   mapeamento de coordenadas, cursor, moldura, zoom
    │   ├── gotchas.md             armadilhas de captura/cursor/layout
    │   └── house-style.md         paleta dark premium (embutida)
    ├── assets/
    │   └── fonts/                 Sora / Inter / JetBrains Mono (.woff2 + fonts.css)
    └── scripts/
        ├── capture.mjs            dirige o agent-browser → shots + steps.json
        ├── actions.example.json   entrada do capture.mjs (URL, viewport, passos)
        ├── steps.example.json     saída de exemplo
        ├── composition-template.mjs  gerador (lê steps.json, mede WAVs, monta o vídeo)
        ├── narration-template.sh  gera os WAVs Kokoro a partir do steps.json
        └── fetch-fonts.mjs        (opcional) baixa as fontes, caso prefira não copiar