> ## Documentation Index
> Fetch the complete documentation index at: https://ajuda.memberkit.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Comece com a skill

> Sem o template: use a skill gratuita da MemberKit para que um agente de IA construa o seu site ou aplicativo no stack que você preferir.

Se você não quer usar o [template](https://ajuda.memberkit.com.br/headless/comece-com-um-agente.md), a MemberKit oferece uma **skill** gratuita: um conjunto de instruções que ensina um agente de IA, como **Claude Code**, **Cursor** ou **Codex**, a construir uma área de membros do zero com a API de membros. O agente escolhe a tecnologia que você pedir e segue a skill tela por tela.

## Template ou skill

| | Template | Skill |
| - | - | - |
| **Custo** | Pago | Gratuita |
| **Ponto de partida** | Um site pronto, com todas as telas e testes | Uma pasta vazia |
| **Suporte** | Dúvidas respondidas pelo GitHub, no repositório do template | — |
| **Tecnologia** | React, gerado como site estático | A que você escolher: site, aplicativo de iPhone e Android ou site gerado no servidor |
| **Trabalho do agente** | Mudar o visual e conectar a sua área de membros | Construir cada tela, depois mudar o visual |

Escolha a skill quando o seu projeto já tem um stack definido, quando a área de membros vai fazer parte de um site ou aplicativo que já existe, ou quando você quer um aplicativo móvel.

## O que a skill ensina

* **A ordem de construção**: identidade visual e login, sessão, onboarding, página inicial e curso, aula e vídeo, quizzes, o resto da área de membros, comunidade e Assistente de IA, e os e-mails.
* **Como cada tela se comporta**: o que mostrar numa aula bloqueada, quando registrar o tempo assistido, como tratar uma sessão encerrada em outro dispositivo.
* **O player de cada plataforma de vídeo** e como registrar a posição do aluno.
* **Aplicativos de iPhone e Android**: onde guardar o token, como abrir o aplicativo pelos links dos e-mails, como tocar os vídeos e mostrar o conteúdo em HTML.
* **Quando está pronto**: uma lista de verificação que o agente confere antes de terminar.

## Antes de começar

Tenha em mãos:

* O **subdomínio** da sua área de membros (a parte antes de `.memberkit.com.br`) ou o seu domínio próprio.
* Uma **conta de aluno para testes**, com e-mail e senha, matriculada em pelo menos um curso. Não use a conta de dono: donos pulam o onboarding e não perdem a sessão quando outra pessoa entra, então os testes não mostrariam o que um aluno vê.
* A **tecnologia** que você quer usar e a sua identidade visual: cores, fontes, logotipo, ou um site de referência.

O que a conta de teste fizer, como comentários, avaliações e publicações na comunidade, fica registrado de verdade na sua área de membros.

## Peça ao agente

Abra o agente na pasta do projeto e cole o pedido abaixo, trocando o que estiver entre colchetes:

```text Pedido para o agente theme={null}
Clone TODO_URL_SKILL e leia o SKILL.md dele antes de qualquer outra coisa.
É uma skill para construir uma área de membros com a API de membros da
MemberKit. Siga a ordem de construção e as referências dela.

1. Construa [um site em Next.js, um aplicativo em React Native, ...]
   para a área de membros [seu subdomínio].
2. Use o visual [descreva a sua marca: cores, fontes, estilo, ou um site de
   referência].
3. Teste com a conta de aluno [e-mail], que eu vou passar a senha.
4. Confira a lista "Done when" da skill antes de dizer que terminou.
```

No Claude Code, você também pode instalar a skill para que ela fique disponível em todos os projetos:

```bash theme={null}
git clone TODO_URL_SKILL ~/.claude/skills/memberkit-headless
```

## O que só você pode fazer

* **Passar a senha da conta de teste**, de preferência fora da conversa com o agente, num arquivo `.env` que não vai para o repositório.
* **Editar os templates de e-mail**, para que os links dos e-mails abram o seu site ou aplicativo. Veja [E-mails para o seu site](https://ajuda.memberkit.com.br/headless/emails-para-seu-frontend.md).
* **Publicar**: um site vai para uma hospedagem, como em [Publique no seu domínio](https://ajuda.memberkit.com.br/headless/publique-em-seu-dominio.md); um aplicativo vai para a App Store e o Google Play, com as suas contas de desenvolvedor.

> [!WARNING]
>
> Nunca entregue ao agente, nem coloque no site ou no aplicativo, a chave da [API de operador](https://ajuda.memberkit.com.br/referencia-api/introducao.md). Ela controla a área de membros inteira. A área de membros usa só a API de membros, com o login de cada aluno.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.