Claude Code Plugins

Community-maintained marketplace

Feedback

cliente:criar-a-partir-video

@joaopelegrino/app-controle
0
0

|

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name cliente:criar-a-partir-video
scope domain
target plataforma-b2b-educational-platform
description Skill especializada para USUÁRIOS FINAIS (clientes) que desejam criar cursos na plataforma Plataforma B2B de treinamento técnico corporativo a partir de vídeos do YouTube. Esta skill utiliza um FLUXO DE DIAGNÓSTICO INTERATIVO para adaptar a estrutura às características do conteúdo. IMPORTANTE: A estrutura do curso é FLEXÍVEL e determinada pelo diagnóstico inicial. Não há número fixo de seções, módulos ou formato predefinido. A skill analisa o input do usuário (vídeo único, playlist, série de vídeos) e propõe estrutura adequada. O processo é COLABORATIVO: após análise inicial, Claude apresenta proposta de estrutura e solicita validação/ajustes do usuário antes de prosseguir. Isso garante que cursos curtos (1h) e longos (100h+) sejam tratados apropriadamente. Formatos de entrada suportados: vídeo único curto (<1h), vídeo único longo (1-10h), playlist do YouTube, múltiplos vídeos avulsos, série de vídeos relacionados, webinars gravados, lives arquivadas, tutoriais sequenciais. A skill guia desde a extração de transcrições até a geração de código React/JSX, adaptando padrões de transformação conforme complexidade identificada no diagnóstico.
keywords transcricao, video, youtube, curso, criar-curso, transformar-video, youtube-transcript, playlist, video-longo, video-curto, serie-videos, diagnostico, flexivel, adaptativo, estrutura-dinamica, cliente, usuario-final, conteudo-educacional, b2b, webinar, tutorial
allowed-tools Read, Write, Edit, Bash, Grep, Glob

Skill: Criar Curso a partir de Vídeo

Guia Flexível para Usuários Finais

Versão: 2.0.0 Última Atualização: 2025-11-24 Público-Alvo: Clientes/Criadores de Conteúdo Abordagem: Diagnóstico Interativo + Estrutura Adaptativa


Índice

  1. Filosofia da Skill
  2. Fluxo de Diagnóstico
  3. Tipos de Input Suportados
  4. Processo Interativo
  5. Etapas de Execução
  6. Padrões de Transformação
  7. Exemplos por Cenário
  8. Troubleshooting
  9. Referências

Filosofia da Skill

Princípios Fundamentais

┌─────────────────────────────────────────────────────────────────────┐
│                    ESTRUTURA = f(CONTEÚDO)                          │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  ❌ ERRADO: "Todo curso tem 4 seções e 16 módulos"                  │
│                                                                     │
│  ✅ CORRETO: "A estrutura emerge do diagnóstico do conteúdo"        │
│                                                                     │
│  • Vídeo de 30min → Pode ser 1 módulo único                        │
│  • Playlist de 50 vídeos → Pode ser 5 seções com 10 módulos cada   │
│  • Curso de 100h → Pode precisar de hierarquia adicional           │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

O que NÃO é fixo:

  • 4 seções → Número de seções definido pelo conteúdo
  • 16 módulos → Número de módulos definido pela análise
  • 32 horas → Duração real do material
  • Flashcards obrigatórios → Opcional conforme necessidade

O que É consistente:

  • Processo de diagnóstico interativo
  • Padrões de código React/Tailwind
  • Nomenclatura UX (Seção, Aula, Curso)
  • Integração com sistema existente

Fluxo de Diagnóstico

Etapa 0: Coleta de Informações (OBRIGATÓRIA)

Antes de qualquer ação, Claude deve coletar:

┌─────────────────────────────────────────────────────────────────────┐
│                    DIAGNÓSTICO INICIAL                              │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  1. TIPO DE INPUT                                                   │
│     □ Vídeo único (URL)                                            │
│     □ Playlist YouTube (URL)                                        │
│     □ Múltiplos vídeos avulsos (lista de URLs)                     │
│     □ Série/curso existente (descrição)                            │
│                                                                     │
│  2. CARACTERÍSTICAS DO CONTEÚDO                                     │
│     • Duração total estimada: ___                                  │
│     • Quantidade de vídeos: ___                                    │
│     • Tema/assunto principal: ___                                  │
│     • Público-alvo: ___                                            │
│     • Idioma: ___                                                  │
│                                                                     │
│  3. OBJETIVO DO CURSO                                               │
│     □ Introdução/overview rápido                                   │
│     □ Curso completo estruturado                                   │
│     □ Material de referência/consulta                              │
│     □ Treinamento corporativo                                      │
│                                                                     │
│  4. RECURSOS DESEJADOS                                              │
│     □ Navegação por seções                                         │
│     □ Checkboxes de progresso                                      │
│     □ Flashcards                                                   │
│     □ Exercícios práticos                                          │
│     □ Caderno de notas                                             │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

Perguntas de Diagnóstico (Claude deve fazer)

## Diagnóstico: Criação de Curso

Antes de começarmos, preciso entender melhor seu conteúdo:

1. **Qual é o input?**
   - URL de vídeo único?
   - URL de playlist?
   - Lista de vídeos separados?

2. **Qual a duração aproximada do conteúdo total?**
   - Menos de 1 hora
   - 1-5 horas
   - 5-20 horas
   - Mais de 20 horas

3. **Como você imagina a estrutura do curso?**
   - Um módulo único (conteúdo curto)
   - Poucos módulos (2-5)
   - Estrutura completa com seções
   - Ainda não sei, preciso de sugestão

4. **Quais recursos são importantes?**
   - Progresso com checkboxes
   - Flashcards para revisão
   - Apenas navegação simples

Tipos de Input Suportados

Matriz de Formatos

Tipo de Input Duração Típica Estrutura Sugerida Complexidade
Vídeo curto único < 1h 1 módulo, seções opcionais Baixa
Vídeo longo único 1-5h 3-8 módulos, 1-2 seções Média
Vídeo muito longo 5-20h Múltiplas seções e módulos Alta
Playlist pequena 5-10 vídeos 1 seção por tema Média
Playlist grande 10-50 vídeos Múltiplas seções agrupadas Alta
Playlist muito grande 50+ vídeos Hierarquia multinível Muito Alta
Vídeos avulsos Variável Análise caso a caso Variável
Webinar/Live 1-3h 1 módulo com timestamps Baixa

Decisões Automáticas vs. Interativas

AUTOMÁTICO (Claude decide):
├── Padrão de código (React/Tailwind)
├── Estrutura de arquivos
├── Nomenclatura de componentes
└── Integração técnica

INTERATIVO (Usuário valida):
├── Número de seções
├── Agrupamento de módulos
├── Nomes/títulos
├── Recursos opcionais (flashcards, etc.)
└── Nível de detalhamento

Processo Interativo

Fluxo de Comunicação

┌─────────────────────────────────────────────────────────────────────┐
│                    CICLO DE ALINHAMENTO                             │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  USUÁRIO                          CLAUDE                            │
│     │                                │                              │
│     │──── "Quero criar curso" ──────▶│                              │
│     │                                │                              │
│     │◀─── Perguntas diagnóstico ────│                              │
│     │                                │                              │
│     │──── Respostas ────────────────▶│                              │
│     │                                │                              │
│     │◀─── Proposta de estrutura ────│                              │
│     │     "Baseado no seu input,    │                              │
│     │      sugiro X seções com      │                              │
│     │      Y módulos. Concorda?"    │                              │
│     │                                │                              │
│     │──── Ajustes/Aprovação ────────▶│                              │
│     │                                │                              │
│     │◀─── Execução ─────────────────│                              │
│     │                                │                              │
└─────────────────────────────────────────────────────────────────────┘

Template de Proposta de Estrutura

## Proposta de Estrutura

Baseado na análise do seu conteúdo, sugiro:

### Visão Geral
- **Duração total:** [X horas]
- **Formato:** [descrição]

### Estrutura Proposta

**Opção A: [Nome descritivo]**
- [N] seções
- [M] módulos no total
- Recursos: [lista]

**Opção B: [Nome descritivo]**
- [N'] seções
- [M'] módulos no total
- Recursos: [lista]

### Perguntas de Refinamento
1. Qual opção prefere?
2. Algum ajuste nos agrupamentos?
3. Quer adicionar/remover recursos?

Aguardo sua validação antes de prosseguir.

Etapas de Execução

Etapa 1: Extração de Transcrições

Adaptável conforme input:

# Vídeo único
python youtube_transcript.py "URL_VIDEO"

# Playlist (extrair lista primeiro)
# Claude analisa playlist e propõe agrupamentos

# Múltiplos vídeos
python youtube_transcript.py --batch lista_videos.txt

Etapa 2: Análise e Proposta

Claude analisa e propõe (não executa ainda):

Analisei as transcrições e identifiquei:

- [X] tópicos principais
- [Y] subtópicos
- Duração: [Z] horas

Proposta de organização:
[estrutura sugerida]

Posso prosseguir com essa estrutura?

Etapa 3: Criação de Dados (após aprovação)

Estrutura adaptativa:

// Exemplo: curso CURTO (1 vídeo, 2h)
export const fases[Nome] = [
  { id: 1, nome: "Conteúdo Completo", ... }
];

export const modulos[Nome] = [
  { id: '1.1', nome: 'Introdução', ... },
  { id: '1.2', nome: 'Conceitos', ... },
  { id: '1.3', nome: 'Prática', ... }
];

// Exemplo: curso EXTENSO (playlist 50 vídeos)
export const fases[Nome] = [
  { id: 1, nome: "Fundamentos", ... },
  { id: 2, nome: "Intermediário", ... },
  { id: 3, nome: "Avançado", ... },
  { id: 4, nome: "Especialização", ... },
  { id: 5, nome: "Projetos", ... }
];

export const modulos[Nome] = [
  // 50 módulos organizados nas 5 seções
];

Etapa 4: Transformação de Conteúdo

Nível de detalhamento conforme necessidade:

Cenário Detalhamento Componentes
Curso curto Mínimo LearningSystem apenas
Curso médio Padrão LearningSystem + NotesView básico
Curso extenso Completo LearningSystem + NotesView detalhado + Flashcards

Etapa 5: Integração

Sempre necessário:

  • Atualizar studyAreas.js
  • Atualizar SistemaEducacionalCompleto.jsx

Opcional conforme escopo:

  • Criar NotesView para cada módulo
  • Criar flashcards
  • Criar exercícios

Padrões de Transformação

Transformação Básica (qualquer curso)

Elemento JSX
Título <h2 className="text-2xl font-bold">
Parágrafo <p className="text-gray-700">
Lista <ul className="list-disc">

Transformação Intermediária (cursos médios+)

Elemento JSX
Código <CodeBlock code={...}>
Aviso <div className="bg-yellow-50 border">
Destaque <div className="bg-[cor]-100 p-4 rounded">

Transformação Avançada (cursos extensos)

Elemento JSX
Timeline Grid com datas/eventos
Comparação Grid 2 colunas
Diagrama Componente visual customizado
Interativo Estado React + handlers

Exemplos por Cenário

Cenário 1: Vídeo Curto (45 min)

INPUT: "Tenho um vídeo de 45 min sobre Git básico"

DIAGNÓSTICO:
- Tipo: Vídeo único curto
- Duração: < 1h
- Objetivo: Introdução

PROPOSTA:
- 1 seção única
- 3-4 módulos (Intro, Comandos, Branches, Prática)
- Sem flashcards (opcional)
- Progresso simples

RESULTADO:
├── gitLearningData.js (1 fase, 4 módulos)
└── GitLearningSystem.jsx (componente simples)

Cenário 2: Playlist Média (20 vídeos, 15h)

INPUT: "Playlist de Docker com 20 vídeos"

DIAGNÓSTICO:
- Tipo: Playlist média
- Duração: ~15h
- Objetivo: Curso completo

PROPOSTA:
- 4 seções (Básico, Imagens, Compose, Produção)
- 20 módulos (1 por vídeo)
- Flashcards por seção
- Progresso detalhado

RESULTADO:
├── dockerLearningData.js (4 fases, 20 módulos)
├── DockerLearningSystem.jsx
├── DockerNotesView.jsx (4 arquivos, 1 por seção)
└── Flashcards integrados

Cenário 3: Mega-Playlist (100+ vídeos)

INPUT: "Curso completo de Python, 150 vídeos"

DIAGNÓSTICO:
- Tipo: Playlist muito grande
- Duração: 80h+
- Objetivo: Formação completa

PROPOSTA INTERATIVA:
"Este é um curso extenso. Sugiro dividir em TRILHAS:

Trilha 1: Python Básico (30 vídeos)
Trilha 2: Python Intermediário (40 vídeos)
Trilha 3: Python Avançado (40 vídeos)
Trilha 4: Projetos (40 vídeos)

Cada trilha seria um 'curso' separado no sistema.
Concorda com essa abordagem?"

RESULTADO (após aprovação):
├── pythonBasicoLearningData.js
├── pythonIntermedLearningData.js
├── pythonAvancadoLearningData.js
├── pythonProjetosLearningData.js
└── Componentes correspondentes

Troubleshooting

Problema: Não sei quantas seções criar

Solução: Claude analisa e propõe baseado em:

  • Mudanças de tema na transcrição
  • Duração relativa dos blocos
  • Complexidade do conteúdo

Problema: Vídeos da playlist são muito heterogêneos

Solução: Claude sugere agrupamentos e pede validação:

"Identifiquei 3 temas diferentes na playlist:
- Vídeos 1-8: Fundamentos
- Vídeos 9-15: Aplicações
- Vídeos 16-20: Avançado

Posso agrupar assim ou prefere outra organização?"

Problema: Conteúdo muito curto para estrutura completa

Solução: Claude sugere estrutura mínima:

"Com apenas 30 minutos de conteúdo, sugiro:
- 1 módulo único com 3-4 seções internas
- Sem necessidade de NotesView separado
- Progresso simples (completo/não completo)

Prefere essa abordagem simplificada?"

Problema: Transcrição não disponível

Solução: Claude oferece alternativas:

"O vídeo não tem transcrição automática. Opções:

1. Transcrever manualmente (você fornece texto)
2. Usar serviço externo de transcrição
3. Criar estrutura baseada em títulos/descrições
4. Assistir e anotar tópicos principais

Qual prefere?"

Referências

Arquivos de Referência

Arquivo Descrição
src/data/bashLearningData.js Exemplo de curso médio (4 seções, 16 módulos)
src/components/BashNotesView.jsx Exemplo de NotesView detalhado
docs/TEMPLATE-CURSO-PADRAO.md Template técnico
docs/GUIA-TRANSCRICAO-PARA-CURSO.md Guia de transformação

Skills Relacionadas

Agent Relacionado


Checklist Adaptativo

Sempre obrigatório:

  • Diagnóstico inicial realizado
  • Estrutura proposta e aprovada pelo usuário
  • Arquivo de dados criado
  • Integração com sistema principal
  • Build passa sem erros

Conforme necessidade:

  • NotesView criado (se curso médio+)
  • Flashcards criados (se solicitado)
  • Múltiplas seções (se conteúdo extenso)
  • Trilhas separadas (se mega-curso)

Resumo: Fluxo Completo

1. USUÁRIO fornece input (URL, playlist, descrição)
           ↓
2. CLAUDE faz perguntas de diagnóstico
           ↓
3. USUÁRIO responde características
           ↓
4. CLAUDE propõe estrutura adaptada
           ↓
5. USUÁRIO valida/ajusta proposta
           ↓
6. CLAUDE executa criação
           ↓
7. USUÁRIO testa e aprova

Princípio Central: A estrutura serve o conteúdo, não o contrário.


Você está em: .claude/skills/cliente:criar-a-partir-video/SKILL.md Versão: 2.0.0 (Diagnóstico Interativo) Criado em: 2025-11-24 Mantido por: Plataforma B2B de treinamento técnico corporativo Team Abordagem: Flexível, Adaptativa, Colaborativa