Mestre do Plano de Estudos
Instruções
Etapa 1: Levantamento de Necessidades (Baseado em questionário, sem necessidade de digitação)
Os perfis de aprendizagem do usuário são coletados por meio de duas rodadas de perguntas ao usuário (askUserQuestion).
### Rodada 1 (Informações Básicas)
Use o comando askUserQuestion para fazer perguntas simultaneamente nas três dimensões a seguir:
1. **Tipos de Objetivos de Aprendizagem**
- cabeçalho: "Alvo"
Opções: Preparação para exames / Aprimoramento de habilidades / Mudança de carreira / Exploração de interesses
2. **Nível atual**
- cabeçalho: "Horizontal"
- Opções: Sem experiência / Iniciante (compreende os conceitos) / Alguma experiência (consegue concluir tarefas simples) / Avançado (requer a superação de obstáculos)
3. **Horário disponível diariamente**
- cabeçalho: "Tempo"
- Opções: Menos de 30 minutos / 1 a 2 horas / 2 a 4 horas / Mais de 4 horas
### Segunda Rodada (Informações Complementares)
Use o comando askUserQuestion para fazer perguntas simultaneamente nas três dimensões a seguir:
1. **Direção de aprendizagem específica** (permite que os usuários insiram informações livremente)
- Orientar os usuários a inserir áreas específicas de interesse na pergunta, como: programação em Python, IELTS 7, exame CPA, design de interface do usuário, etc.
- cabeçalho: "Direção"
- Opções: Oferece diversos exemplos populares para escolher, além de permitir que os usuários insiram conteúdo personalizado.
2. **Prazo de Conclusão Previsto**
- cabeçalho: "Período"
- Opções: Sprint de 1 mês / Progresso constante de 3 meses / Desenvolvimento aprofundado de 6 meses / Contrato de longo prazo de 1 ano ou mais
3. **Preferências de Aprendizagem** (Selecione várias opções)
- cabeçalho: "Preferências"
- multiSeleção: verdadeiro
- Opções: Cursos em vídeo / Leitura de livros / Projetos práticos / Interação com a comunidade
Assim que a coleta de dados estiver concluída, todas as informações serão organizadas em um "perfil do aluno" estruturado para uso nas etapas subsequentes.
Etapa 2: Busca detalhada de recursos e planejamento de rotas
### 2.1 Busca de Recursos
Com base na direção de aprendizagem e nas preferências do usuário, realize de 2 a 3 pesquisas usando o Google Search:
1. **Procure o melhor roteiro de aprendizado nesta área**
- Consulta: "[Direção de Aprendizagem] Roteiro de Aprendizagem 2024-2025" ou "[Direção de Aprendizagem] Roteiro de Aprendizagem Recomendado"
- Extração: Divisão por etapas, pontos de conhecimento essenciais, ordem de aprendizagem
2. **Pesquise recursos de aprendizagem específicos**
- Pesquisar recursos relevantes com base nas preferências do usuário:
- Cursos em vídeo: Procure por cursos populares no Coursera/Udemy/Bilibili
- Livros: Procure livros bem avaliados nas listas de leitura recomendadas do Douban/Amazon.
- Projetos práticos: Pesquise GitHub/tutoriais práticos
- consulta: "[Direção de Aprendizagem] melhor [Tipo de Recurso] iniciante/intermediário/avançado"
3. **Pesquisar padrões de marcos**
- Consulta: "[Área de Aprendizagem] Lista de Verificação de Avaliação de Habilidades" ou "[Área de Aprendizagem] Padrões de Avaliação de Competências"
- Extração: Que nível deve ser alcançado em cada etapa?
### 2.2 Planejamento de Rota
Com base nos resultados da pesquisa e nos perfis dos usuários, planeje o percurso de aprendizagem:
**Princípio baseado em fases:**
- Com base no cronograma de aprendizagem esperado pelo usuário, divida o processo de aprendizagem em 3 a 5 etapas.
- Cada fase inclui: nome da fase, duração estimada, objetivos principais, recursos específicos (3-5) e marcos de verificação.
- Os recursos devem ser recursos genuínos encontrados por meio da pesquisa (com nome, plataforma e link).
- Os marcos devem ser descrições verificáveis de capacidades específicas.
**Princípios de alocação de tempo:**
- Calcule o total de horas de estudo para cada etapa com base no tempo disponível diariamente.
- Fornecer sugestões de horários semanais (dias de semana vs. fins de semana)
- Reserve 10% de tempo de segurança.
**Formato de saída (estrutura de dados interna, passada para a Etapa 3):**
```
Perfil do aluno: {objetivos, direção, nível, tempo, frequência, preferências}
Planejamento de rota: [
{
Nome da fase
Número da fase,
Duração estimada (semanas)
Descrição do objetivo principal,
Lista de recursos: [{Nome, Tipo (Vídeo/Livro/Projeto), Plataforma, Link, Horas de estudo estimadas}],
Marco: {Descrição, Método de Verificação}
}
]
Sugestões semanais: {Cronograma para dias de semana, Cronograma para fins de semana, Total de horas de estudo semanais}
```
Etapa 3: Gere um site de aprendizagem interativo no estilo Kami
Utilize a ferramenta generateWebpage para gerar um site interativo de percurso de aprendizagem.
O parâmetro de instrução contém a seguinte especificação completa, além dos dados específicos do percurso de aprendizagem gerados na Etapa 2:
### Especificações do Sistema de Design (Sistema de Design Kami adaptado para cenários de aprendizagem):
**Esquema de cores:**
- Fundo da página: #f5f4ed (pergaminho bege quente)
- Fundo do cartão: #FAF9F5 (Marfim)
- Cor de destaque/cor da marca: #1B365D (Azul Tinta)
- Cor do texto: #141413 (Preto próximo)
- Cor do subtexto: #4D4C48 (Carvão)
- Cor indicada: #87867F (Pedra)
- Cor da borda: #D6D5CE (borda cinza quente)
- Barra de progresso concluída: #1B365D (cor da marca)
- Barra de progresso não concluída: #E8E7E2
- Status de sucesso/conclusão: #2D5016 (Verde Oliva Escuro)
- Em andamento: #1B365D (cor da marca)
- Não iniciado: #87867F (Pedra)
- Fundo da etiqueta: #E4ECF5
- Todos os tons de cinza devem ser quentes (R≈G>B), sendo proibidos os tons frios de cinza azulado.
**Sistema de fontes:**
- Carregar Noto Serif SC e Noto Sans SC através do Google Fonts
- Título: família de fontes: 'Noto Serif SC', Charter, Georgia, serifada; peso da fonte: 500
- Texto: família de fontes: 'Noto Sans SC', 'PingFang SC', sem serifa; peso da fonte: 400
- Dados/Ênfase em Números: família de fontes: Charter, Georgia, serifada
- Desativar peso da fonte: 700/negrito
**Composição tipográfica:**
- Espaçamento entre linhas: Título 1,2 / Corpo do texto 1,5
- Espaçamento entre letras chinesas: 0,3 pt
- Largura máxima da página: 800px, centralizada
- Responsivo e compatível com dispositivos móveis
**Regras Visuais:**
- Sombra: sombra circular (0 0 0 1px rgba(0,0,0,0.05)) ou sombra suave (0 1px 3px rgba(0,0,0,0.04))
- Cantos arredondados: 8px (padrão) / 12px (cartão grande)
- Separador: 0,5px sólido #D6D5CE ou 2,5px sólido #1B365D (linha vertical da marca)
- Método de destaque: Texto em tinta azul ou linha vertical da marca à esquerda
### Requisitos de estrutura da página:
**1. Área do Herói Principal:**
- Título dos Objetivos de Aprendizagem (Serifa 28px)
- Etiquetas de informações principais em uma linha: Tipo de alvo | Duração estimada | Horário diário
- Barra de progresso geral (com porcentagens)
- Linha do cartão de estatísticas: Recursos totais / Concluído / Estágio atual
**2. Área do Cartão de Estágio (Núcleo):**
- Um cartão grande para cada etapa
- Cabeçalho do cartão: Número da etapa + Nome + Etiqueta de status (✅ Concluída / 🔄 Em andamento / ⬜ Não iniciada) + Duração estimada
- Conteúdo do cartão:
- Descrição do objetivo principal (1-2 frases)
- Lista de Recursos: Cada recurso é listado em uma linha separada, incluindo um ícone (📚Livro/🎬Vídeo/💻Projeto/👥Comunidade) + Nome (link clicável) + Tag da Plataforma + Caixa de seleção
- Área de marcos: Destacada com linhas verticais da marca e estilo especial para descrever a conquista de padrões.
- As cartas podem ser dobradas/desdobradas (o padrão é desdobrar para a fase atual e dobrar para a fase concluída).
**3. Área de Sugestões de Aprendizagem Semanal:**
- Sugestões concisas de alocação de tempo
- Horário dos dias de semana vs. Horário dos fins de semana
**4. Parte inferior:**
- Uma pequena linha de texto: Desenvolvido pelo Learning Path Planning Master · Projetado com o Kami Design System
### Requisitos de funcionalidade interativa (JavaScript puro de front-end + localStorage):
1. **Alternância do estado da caixa de seleção**:
- Clique na caixa de seleção antes do recurso para alternar o status de conclusão.
- Salvar o status no localStorage (a chave usa a direção de aprendizado + o hash do nome do recurso)
- Os recursos concluídos serão exibidos com texto riscado e transparência reduzida.
2. **Cálculo automático do progresso:**
- Progresso geral = (Número de recursos selecionados / Número total de recursos) × 100%
- Progresso da etapa = Número de etapas selecionadas / Número total de etapas
- Transição de animação da barra de progresso (transição: largura 0,3s, facilidade)
3. **Atualização automática do status da etapa**:
- Selecione todos os recursos dentro da fase → O status muda para ✅ Concluído, recolhido automaticamente.
- Se algum item for verificado durante a fase → o status muda para 🔄Em Andamento.
- Sem marca de seleção → ⬜ Não iniciado
4. **Dobrar/Desdobrar**:
Clicar no cabeçalho do cartão irá recolhê-lo/expandi-lo.
- Com animação suave
5. **Janela pop-up de verificação de marcos**:
- Uma mensagem de verificação de marco será exibida quando todos os recursos para uma fase forem concluídos.
- Exibir os padrões de referência para esta etapa
Os usuários podem clicar em "Concluído" para confirmar ou marcar "Necessita de consolidação adicional" para indicar a conclusão.
6. **Persistência de Dados**:
- Todos os estados são armazenados no localStorage
- Restaurar estado após atualização da página
- Fornece um botão "Reiniciar progresso" (requer confirmação secundária).
### Preenchimento de conteúdo:
Preencha a estrutura acima com os dados completos do percurso de aprendizagem planejado na Etapa 2. Certifique-se de:
- O link de cada recurso é um URL real e acessível.
- Os ícones dos tipos de recursos correspondem corretamente.
- A duração de cada fase é consistente com a lógica do ciclo total.
- As descrições dos marcos são específicas e verificáveis.
### Requisitos técnicos:
- HTML puro + CSS + JavaScript, arquivo único
- Sem dependências externas (exceto o Google Fonts)
- Responsivo para dispositivos móveis
- Versão para impressão
- Código limpo com comentários
Descrição
Por que recomendamos esta habilidade
Esta habilidade capta com precisão as necessidades de aprendizado do usuário por meio de questionários e gera sites de aprendizado interativos altamente personalizados, com destaque para o design estilo Kami e o recurso de rastreamento de progresso.
Com base nos objetivos de aprendizagem, no nível atual, no tempo disponível e nas preferências do usuário, pesquisa profundamente recursos reais de aprendizagem para criar um plano de estudos personalizado e dividido em etapas. Depois, apresenta o plano como um site interativo de aprendizagem no estilo Kami, com acompanhamento do progresso, verificação de marcos e links diretos para os recursos.
Habilidades relacionadas
Ver tudo
PesquisaFaísca | Analisador de Hooks
Ao preparar um vídeo, é comum perceber que certo vídeo de referência “sabe contar uma história”, mas, quando chega a hora de criar o seu, você só consegue imitá-lo com base na intuição. 「Faísca | Analisador de Hooks de Vídeos Populares」 foi criado para essa etapa. Basta fornecer um vídeo específico do YouTube. Ele primeiro confirma o vídeo e lê as legendas verificáveis. Depois, separa três elementos que costumam ser confundidos: Literal 30s: o que realmente acontece entre 0:00 e 0:30 do vídeo. Intro: toda a abertura antes da entrada no conteúdo principal. Hook / Re-hook: um ou mais momentos estruturais que realmente mantêm a atenção do espectador. Assim, ele não interpreta à força os primeiros 30 segundos de todos os vídeos como Hook só porque “todo mundo diz que os primeiros 30 segundos são os mais importantes”. Se o verdadeiro Hook aparece depois de 1 minuto, ele informa isso com precisão. Quando faltam legendas ou timestamps, ele aponta claramente a lacuna de evidências, em vez de inventar uma resposta que apenas parece profissional. Depois de analisar a abertura, ele continua reconstruindo a estrutura de conteúdo do vídeo inteiro em formato de outline: o vídeo avança por linha do tempo, experimento, etapas, comparação, história, cadeia de perguntas ou outro recurso de organização? Por fim, abstrai essas estruturas em modelos de [slots]. O modelo preserva a ordem e a função da estrutura — não as experiências, formulações, marcas, números, opiniões ou a identidade de autoridade do autor original. O resultado não é apenas um resumo do vídeo, mas um Hook Outline + modelo de estrutura do vídeo inteiro, pronto para ser usado na próxima etapa da criação. O que ele não faz Ele não: escreve diretamente o novo Hook final para você; usa BRENS para pontuar ou reescrever a sua abertura; faz buscas em grande escala por todo um nicho ou canal; gera roteiros completos; gera diagramas, materiais, animações ou miniaturas. A busca em grande escala por referências pertence ao Skill anterior 「Faísca｜Pesquisador de conteúdo do YouTube」; o aprimoramento do seu próprio Hook pertence ao Skill correspondente da etapa seguinte.
PesquisaFaísca｜Pesquisa no YouTube
Vai fazer um vídeo, mas não sabe como outras pessoas já trataram esse tema? 「Faísca｜Pesquisa no YouTube」entra de verdade no YouTube para pesquisar: encontra vídeos relevantes, lê transcrições, analisa títulos e os primeiros 30 segundos, reconstrói a estrutura do conteúdo e identifica, a partir de vários exemplos, formas de expressão recorrentes, diferenças claras e lacunas que ainda não foram bem exploradas. Você pode usá-lo para: Pesquisar quais abordagens sobre um tema estão sendo repetidas Aprofundar como um vídeo específico desenvolve sua narrativa Analisar os temas, títulos e padrões de conteúdo de um canal Desmontar o Hook dos primeiros 30 segundos e a estrutura do vídeo inteiro Encontrar novos ângulos criativos em vídeos já publicados Pesquisar como reembalar seu próprio vídeo finalizado Ele não vai afirmar de forma precipitada que “este título certamente funciona” só porque um vídeo teve muitas visualizações. Quando não conseguir obter transcrições, marcações de tempo ou dados de desempenho, também deixará claro quais evidências estão faltando. O resultado não é apenas uma coleção de resumos de vídeos, mas um briefing de pesquisa sobre YouTube que pode ser entregue diretamente à próxima etapa de desenvolvimento do tema, do Hook ou do roteiro. Ideal para: criadores do YouTube, profissionais de planejamento de vídeos, gestores de conteúdo e qualquer pessoa que queira descobrir “até onde outras pessoas já levaram este tema” antes de começar a gravar.
Palavras Malucas
Digite uma palavra em inglês e receba um cartão de memorização em formato de história em quadrinhos: associação sonora, significado e frase de exemplo são desenhados na mesma cena contínua, com balões de fala, placas e onomatopeias. Fora da imagem, ficam apenas uma linha de cabeçalho e uma linha de dica para relembrar. O impacto vem antes do refinamento, sempre com conteúdo seguro para crianças.
Mestre do Plano de Estudos
Instruções
Etapa 1: Levantamento de Necessidades (Baseado em questionário, sem necessidade de digitação)
Os perfis de aprendizagem do usuário são coletados por meio de duas rodadas de perguntas ao usuário (askUserQuestion).
### Rodada 1 (Informações Básicas)
Use o comando askUserQuestion para fazer perguntas simultaneamente nas três dimensões a seguir:
1. **Tipos de Objetivos de Aprendizagem**
- cabeçalho: "Alvo"
Opções: Preparação para exames / Aprimoramento de habilidades / Mudança de carreira / Exploração de interesses
2. **Nível atual**
- cabeçalho: "Horizontal"
- Opções: Sem experiência / Iniciante (compreende os conceitos) / Alguma experiência (consegue concluir tarefas simples) / Avançado (requer a superação de obstáculos)
3. **Horário disponível diariamente**
- cabeçalho: "Tempo"
- Opções: Menos de 30 minutos / 1 a 2 horas / 2 a 4 horas / Mais de 4 horas
### Segunda Rodada (Informações Complementares)
Use o comando askUserQuestion para fazer perguntas simultaneamente nas três dimensões a seguir:
1. **Direção de aprendizagem específica** (permite que os usuários insiram informações livremente)
- Orientar os usuários a inserir áreas específicas de interesse na pergunta, como: programação em Python, IELTS 7, exame CPA, design de interface do usuário, etc.
- cabeçalho: "Direção"
- Opções: Oferece diversos exemplos populares para escolher, além de permitir que os usuários insiram conteúdo personalizado.
2. **Prazo de Conclusão Previsto**
- cabeçalho: "Período"
- Opções: Sprint de 1 mês / Progresso constante de 3 meses / Desenvolvimento aprofundado de 6 meses / Contrato de longo prazo de 1 ano ou mais
3. **Preferências de Aprendizagem** (Selecione várias opções)
- cabeçalho: "Preferências"
- multiSeleção: verdadeiro
- Opções: Cursos em vídeo / Leitura de livros / Projetos práticos / Interação com a comunidade
Assim que a coleta de dados estiver concluída, todas as informações serão organizadas em um "perfil do aluno" estruturado para uso nas etapas subsequentes.
Etapa 2: Busca detalhada de recursos e planejamento de rotas
### 2.1 Busca de Recursos
Com base na direção de aprendizagem e nas preferências do usuário, realize de 2 a 3 pesquisas usando o Google Search:
1. **Procure o melhor roteiro de aprendizado nesta área**
- Consulta: "[Direção de Aprendizagem] Roteiro de Aprendizagem 2024-2025" ou "[Direção de Aprendizagem] Roteiro de Aprendizagem Recomendado"
- Extração: Divisão por etapas, pontos de conhecimento essenciais, ordem de aprendizagem
2. **Pesquise recursos de aprendizagem específicos**
- Pesquisar recursos relevantes com base nas preferências do usuário:
- Cursos em vídeo: Procure por cursos populares no Coursera/Udemy/Bilibili
- Livros: Procure livros bem avaliados nas listas de leitura recomendadas do Douban/Amazon.
- Projetos práticos: Pesquise GitHub/tutoriais práticos
- consulta: "[Direção de Aprendizagem] melhor [Tipo de Recurso] iniciante/intermediário/avançado"
3. **Pesquisar padrões de marcos**
- Consulta: "[Área de Aprendizagem] Lista de Verificação de Avaliação de Habilidades" ou "[Área de Aprendizagem] Padrões de Avaliação de Competências"
- Extração: Que nível deve ser alcançado em cada etapa?
### 2.2 Planejamento de Rota
Com base nos resultados da pesquisa e nos perfis dos usuários, planeje o percurso de aprendizagem:
**Princípio baseado em fases:**
- Com base no cronograma de aprendizagem esperado pelo usuário, divida o processo de aprendizagem em 3 a 5 etapas.
- Cada fase inclui: nome da fase, duração estimada, objetivos principais, recursos específicos (3-5) e marcos de verificação.
- Os recursos devem ser recursos genuínos encontrados por meio da pesquisa (com nome, plataforma e link).
- Os marcos devem ser descrições verificáveis de capacidades específicas.
**Princípios de alocação de tempo:**
- Calcule o total de horas de estudo para cada etapa com base no tempo disponível diariamente.
- Fornecer sugestões de horários semanais (dias de semana vs. fins de semana)
- Reserve 10% de tempo de segurança.
**Formato de saída (estrutura de dados interna, passada para a Etapa 3):**
```
Perfil do aluno: {objetivos, direção, nível, tempo, frequência, preferências}
Planejamento de rota: [
{
Nome da fase
Número da fase,
Duração estimada (semanas)
Descrição do objetivo principal,
Lista de recursos: [{Nome, Tipo (Vídeo/Livro/Projeto), Plataforma, Link, Horas de estudo estimadas}],
Marco: {Descrição, Método de Verificação}
}
]
Sugestões semanais: {Cronograma para dias de semana, Cronograma para fins de semana, Total de horas de estudo semanais}
```
Etapa 3: Gere um site de aprendizagem interativo no estilo Kami
Utilize a ferramenta generateWebpage para gerar um site interativo de percurso de aprendizagem.
O parâmetro de instrução contém a seguinte especificação completa, além dos dados específicos do percurso de aprendizagem gerados na Etapa 2:
### Especificações do Sistema de Design (Sistema de Design Kami adaptado para cenários de aprendizagem):
**Esquema de cores:**
- Fundo da página: #f5f4ed (pergaminho bege quente)
- Fundo do cartão: #FAF9F5 (Marfim)
- Cor de destaque/cor da marca: #1B365D (Azul Tinta)
- Cor do texto: #141413 (Preto próximo)
- Cor do subtexto: #4D4C48 (Carvão)
- Cor indicada: #87867F (Pedra)
- Cor da borda: #D6D5CE (borda cinza quente)
- Barra de progresso concluída: #1B365D (cor da marca)
- Barra de progresso não concluída: #E8E7E2
- Status de sucesso/conclusão: #2D5016 (Verde Oliva Escuro)
- Em andamento: #1B365D (cor da marca)
- Não iniciado: #87867F (Pedra)
- Fundo da etiqueta: #E4ECF5
- Todos os tons de cinza devem ser quentes (R≈G>B), sendo proibidos os tons frios de cinza azulado.
**Sistema de fontes:**
- Carregar Noto Serif SC e Noto Sans SC através do Google Fonts
- Título: família de fontes: 'Noto Serif SC', Charter, Georgia, serifada; peso da fonte: 500
- Texto: família de fontes: 'Noto Sans SC', 'PingFang SC', sem serifa; peso da fonte: 400
- Dados/Ênfase em Números: família de fontes: Charter, Georgia, serifada
- Desativar peso da fonte: 700/negrito
**Composição tipográfica:**
- Espaçamento entre linhas: Título 1,2 / Corpo do texto 1,5
- Espaçamento entre letras chinesas: 0,3 pt
- Largura máxima da página: 800px, centralizada
- Responsivo e compatível com dispositivos móveis
**Regras Visuais:**
- Sombra: sombra circular (0 0 0 1px rgba(0,0,0,0.05)) ou sombra suave (0 1px 3px rgba(0,0,0,0.04))
- Cantos arredondados: 8px (padrão) / 12px (cartão grande)
- Separador: 0,5px sólido #D6D5CE ou 2,5px sólido #1B365D (linha vertical da marca)
- Método de destaque: Texto em tinta azul ou linha vertical da marca à esquerda
### Requisitos de estrutura da página:
**1. Área do Herói Principal:**
- Título dos Objetivos de Aprendizagem (Serifa 28px)
- Etiquetas de informações principais em uma linha: Tipo de alvo | Duração estimada | Horário diário
- Barra de progresso geral (com porcentagens)
- Linha do cartão de estatísticas: Recursos totais / Concluído / Estágio atual
**2. Área do Cartão de Estágio (Núcleo):**
- Um cartão grande para cada etapa
- Cabeçalho do cartão: Número da etapa + Nome + Etiqueta de status (✅ Concluída / 🔄 Em andamento / ⬜ Não iniciada) + Duração estimada
- Conteúdo do cartão:
- Descrição do objetivo principal (1-2 frases)
- Lista de Recursos: Cada recurso é listado em uma linha separada, incluindo um ícone (📚Livro/🎬Vídeo/💻Projeto/👥Comunidade) + Nome (link clicável) + Tag da Plataforma + Caixa de seleção
- Área de marcos: Destacada com linhas verticais da marca e estilo especial para descrever a conquista de padrões.
- As cartas podem ser dobradas/desdobradas (o padrão é desdobrar para a fase atual e dobrar para a fase concluída).
**3. Área de Sugestões de Aprendizagem Semanal:**
- Sugestões concisas de alocação de tempo
- Horário dos dias de semana vs. Horário dos fins de semana
**4. Parte inferior:**
- Uma pequena linha de texto: Desenvolvido pelo Learning Path Planning Master · Projetado com o Kami Design System
### Requisitos de funcionalidade interativa (JavaScript puro de front-end + localStorage):
1. **Alternância do estado da caixa de seleção**:
- Clique na caixa de seleção antes do recurso para alternar o status de conclusão.
- Salvar o status no localStorage (a chave usa a direção de aprendizado + o hash do nome do recurso)
- Os recursos concluídos serão exibidos com texto riscado e transparência reduzida.
2. **Cálculo automático do progresso:**
- Progresso geral = (Número de recursos selecionados / Número total de recursos) × 100%
- Progresso da etapa = Número de etapas selecionadas / Número total de etapas
- Transição de animação da barra de progresso (transição: largura 0,3s, facilidade)
3. **Atualização automática do status da etapa**:
- Selecione todos os recursos dentro da fase → O status muda para ✅ Concluído, recolhido automaticamente.
- Se algum item for verificado durante a fase → o status muda para 🔄Em Andamento.
- Sem marca de seleção → ⬜ Não iniciado
4. **Dobrar/Desdobrar**:
Clicar no cabeçalho do cartão irá recolhê-lo/expandi-lo.
- Com animação suave
5. **Janela pop-up de verificação de marcos**:
- Uma mensagem de verificação de marco será exibida quando todos os recursos para uma fase forem concluídos.
- Exibir os padrões de referência para esta etapa
Os usuários podem clicar em "Concluído" para confirmar ou marcar "Necessita de consolidação adicional" para indicar a conclusão.
6. **Persistência de Dados**:
- Todos os estados são armazenados no localStorage
- Restaurar estado após atualização da página
- Fornece um botão "Reiniciar progresso" (requer confirmação secundária).
### Preenchimento de conteúdo:
Preencha a estrutura acima com os dados completos do percurso de aprendizagem planejado na Etapa 2. Certifique-se de:
- O link de cada recurso é um URL real e acessível.
- Os ícones dos tipos de recursos correspondem corretamente.
- A duração de cada fase é consistente com a lógica do ciclo total.
- As descrições dos marcos são específicas e verificáveis.
### Requisitos técnicos:
- HTML puro + CSS + JavaScript, arquivo único
- Sem dependências externas (exceto o Google Fonts)
- Responsivo para dispositivos móveis
- Versão para impressão
- Código limpo com comentários
Descrição
Por que recomendamos esta habilidade
Esta habilidade capta com precisão as necessidades de aprendizado do usuário por meio de questionários e gera sites de aprendizado interativos altamente personalizados, com destaque para o design estilo Kami e o recurso de rastreamento de progresso.
Com base nos objetivos de aprendizagem, no nível atual, no tempo disponível e nas preferências do usuário, pesquisa profundamente recursos reais de aprendizagem para criar um plano de estudos personalizado e dividido em etapas. Depois, apresenta o plano como um site interativo de aprendizagem no estilo Kami, com acompanhamento do progresso, verificação de marcos e links diretos para os recursos.
Habilidades relacionadas
Ver tudoPesquisaFaísca | Analisador de Hooks
Ao preparar um vídeo, é comum perceber que certo vídeo de referência “sabe contar uma história”, mas, quando chega a hora de criar o seu, você só consegue imitá-lo com base na intuição. 「Faísca | Analisador de Hooks de Vídeos Populares」 foi criado para essa etapa. Basta fornecer um vídeo específico do YouTube. Ele primeiro confirma o vídeo e lê as legendas verificáveis. Depois, separa três elementos que costumam ser confundidos: Literal 30s: o que realmente acontece entre 0:00 e 0:30 do vídeo. Intro: toda a abertura antes da entrada no conteúdo principal. Hook / Re-hook: um ou mais momentos estruturais que realmente mantêm a atenção do espectador. Assim, ele não interpreta à força os primeiros 30 segundos de todos os vídeos como Hook só porque “todo mundo diz que os primeiros 30 segundos são os mais importantes”. Se o verdadeiro Hook aparece depois de 1 minuto, ele informa isso com precisão. Quando faltam legendas ou timestamps, ele aponta claramente a lacuna de evidências, em vez de inventar uma resposta que apenas parece profissional. Depois de analisar a abertura, ele continua reconstruindo a estrutura de conteúdo do vídeo inteiro em formato de outline: o vídeo avança por linha do tempo, experimento, etapas, comparação, história, cadeia de perguntas ou outro recurso de organização? Por fim, abstrai essas estruturas em modelos de [slots]. O modelo preserva a ordem e a função da estrutura — não as experiências, formulações, marcas, números, opiniões ou a identidade de autoridade do autor original. O resultado não é apenas um resumo do vídeo, mas um Hook Outline + modelo de estrutura do vídeo inteiro, pronto para ser usado na próxima etapa da criação. O que ele não faz Ele não: escreve diretamente o novo Hook final para você; usa BRENS para pontuar ou reescrever a sua abertura; faz buscas em grande escala por todo um nicho ou canal; gera roteiros completos; gera diagramas, materiais, animações ou miniaturas. A busca em grande escala por referências pertence ao Skill anterior 「Faísca｜Pesquisador de conteúdo do YouTube」; o aprimoramento do seu próprio Hook pertence ao Skill correspondente da etapa seguinte.
PesquisaFaísca｜Pesquisa no YouTube
Vai fazer um vídeo, mas não sabe como outras pessoas já trataram esse tema? 「Faísca｜Pesquisa no YouTube」entra de verdade no YouTube para pesquisar: encontra vídeos relevantes, lê transcrições, analisa títulos e os primeiros 30 segundos, reconstrói a estrutura do conteúdo e identifica, a partir de vários exemplos, formas de expressão recorrentes, diferenças claras e lacunas que ainda não foram bem exploradas. Você pode usá-lo para: Pesquisar quais abordagens sobre um tema estão sendo repetidas Aprofundar como um vídeo específico desenvolve sua narrativa Analisar os temas, títulos e padrões de conteúdo de um canal Desmontar o Hook dos primeiros 30 segundos e a estrutura do vídeo inteiro Encontrar novos ângulos criativos em vídeos já publicados Pesquisar como reembalar seu próprio vídeo finalizado Ele não vai afirmar de forma precipitada que “este título certamente funciona” só porque um vídeo teve muitas visualizações. Quando não conseguir obter transcrições, marcações de tempo ou dados de desempenho, também deixará claro quais evidências estão faltando. O resultado não é apenas uma coleção de resumos de vídeos, mas um briefing de pesquisa sobre YouTube que pode ser entregue diretamente à próxima etapa de desenvolvimento do tema, do Hook ou do roteiro. Ideal para: criadores do YouTube, profissionais de planejamento de vídeos, gestores de conteúdo e qualquer pessoa que queira descobrir “até onde outras pessoas já levaram este tema” antes de começar a gravar.
Palavras Malucas
Digite uma palavra em inglês e receba um cartão de memorização em formato de história em quadrinhos: associação sonora, significado e frase de exemplo são desenhados na mesma cena contínua, com balões de fala, placas e onomatopeias. Fora da imagem, ficam apenas uma linha de cabeçalho e uma linha de dica para relembrar. O impacto vem antes do refinamento, sempre com conteúdo seguro para crianças.
Encontre sua próxima habilidade favorita
Explore mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.