Painel MMC

📊 Esteira de Aprovação

Todos os lotes de conteúdo, de todos os clientes, num lugar só. Semáforo de prazo e erros em destaque.

👥 Usuários e Grupos

Admin vê tudo. Membros veem só os clientes dos grupos que você liberar. Clientes são atribuídos a um grupo no cadastro.

Grupos de clientes

Membros

⚡ Skills da Agência

Skills instaladas no Claude Code. Edições no painel atualizam o Supabase — use "Baixar" para salvar o SKILL.md localmente.

⚡

Carregando skills...

📖 Guia de Uso — Painel MMC

Como o painel funciona, como usar as skills e o fluxo de trabalho com clientes.

O que é o Painel MMC

Ferramenta exclusiva do time interno para centralizar histórico de entregas, documentos estratégicos e interações com o Claude para cada cliente.

Não é um CRM de vendas nem substituto do ClickUp. É a memória do Claude sobre cada cliente — para que qualquer membro do time retome o contexto sem buscar em planilhas ou WhatsApp.

Estrutura: Cliente → Pastas → Histórico & Artefatos

Dentro de cada cliente, o conteúdo é organizado em 📁 Pastas (ex.: Demandas Gerais, Social Media, Google Meu Negócio). A visão 📂 Todos é a padrão e soma tudo.

Só aparecem pastas com conteúdo (com contador de itens)
+ Nova pasta cria uma pasta na hora (ex.: um projeto novo)
A pasta selecionada filtra o Histórico e os Artefatos ao mesmo tempo
Demandas Gerais é o destino padrão do que não tem pasta específica

📋 Histórico & 🎨 Artefatos

Histórico: lista cronológica das entregas da pasta selecionada. Artefatos: visuais HTML publicados com link direto em painel-mmc.pages.dev/artefatos/[código]/[slug].html.

📄 Documentos

4 docs por cliente — Tom de Voz, Contexto Estratégico, Memória Viva e 🔐 Credenciais. São do cliente inteiro (não de uma pasta): botão fixo no topo, ao lado de Editar.

Como usar no dia a dia

1

Início: Mencione o cliente — carregar-cliente ativa, carrega contexto e identifica o projeto.

2

Trabalho: Claude usa os documentos carregados para produzir com contexto completo.

3

Fim: registrar-no-painel salva a entrega automaticamente no projeto correto.

✅ Aprovações — esteira de conteúdo

Claude produz o lote (enviar-para-aprovacao) → designer anexa a arte no próprio Painel → CS revisa e gera o link (📲 botão de WhatsApp pronto) → cliente aprova/comenta num link sem login → aprovou 100% → distribuição automática em todos os canais: GMN (com botão CTA), Instagram/Facebook (feed, carrossel, story), Blog WordPress (agendado com SEO) e E-mail (GHL) + registro no Histórico + avisos no ClickUp.

Link do cliente: painel-mmc.pages.dev/aprovar/?t=… (válido 30 dias, escopo de 1 lote). Falha de publicação nunca é silenciosa — o item fica marcado "⚠️ Erro ao publicar".

Skills disponíveis

carregar-cliente

Carrega contexto completo de um cliente. Ativa automaticamente ao mencionar qualquer cliente por nome ou código (FRA, ROS...). Lê os documentos do Drive, consulta projetos e confirma antes de prosseguir.

"Abre o contexto da Franco""Vou trabalhar com o [FRA]""Cria o calendário do Rossi"

registrar-no-painel

Registra entregas e artefatos visuais no painel. Texto → Supabase deliveries. HTML visual → Cloudflare Pages + Supabase artifacts. Chamada automaticamente ao final de toda entrega.

"Registra isso no painel""Publica o mapa"Automático ao finalizar

calendario-social-mensal

Gera o calendário mensal de conteúdo para redes sociais com base no Tom de Voz e Memória Viva do cliente. Registra a entrega no painel automaticamente ao concluir.

"Cria o calendário de julho""Calendário social da Franco"

novo-cliente-no-claudde

Onboarda um novo cliente: cria pasta no Drive, documentos iniciais e registra no painel com os 4 projetos padrão.

"Onboarding do novo cliente""Cadastra o [nome] no Claude"

Fluxo completo — exemplo

1. "Cria o calendário de social da Franco para julho"
   → carregar-cliente ativa automaticamente
   → Contexto: FRA | Leadmaster | CS: Jorge | Projeto: Social Media
   → Calendário gerado com base na Memória Viva (mai/jun)
   → registrar-no-painel salva no histórico automaticamente
   → Memória Viva atualizada com resumo do calendário de julho

Arquitetura do Sistema

💻 Local (Mac do Thiago)

📁 Google Drive

Tom de Voz · Contexto · Memória · Credenciais

⚡ SKILL.md files

~/Library/.../skills/*/SKILL.md

🐍 sync_skills.py

painel-mmc/sync_skills.py

🔧 Claude Hook

PostToolUse → Edit/Write → SKILL.md

REST API →

← Supabase JS

hook dispara sync →

deploy → CF Pages

☁️ Cloud

🗄️ Supabase (PostgreSQL)

clients · projects · deliveries · documents · artifacts · skills

🌐 Cloudflare Pages

painel-mmc.pages.dev · /artefatos/[código]/[slug].html

🔐 Supabase Auth

Login por e-mail/senha — RLS em todas as tabelas

Banco de Dados — Estrutura

clients

id UUID PK

name · code · plan

health · cs · instagram · notes

→ projects, documents, deliveries, artifacts

projects

id UUID PK

client_id FK → clients

name · type · is_default

→ deliveries, artifacts

deliveries

id UUID PK

client_id · project_id FK

type · title · content (Markdown)

created_at TIMESTAMPTZ

documents

id UUID PK

client_id FK → clients

type · content (Markdown)

UNIQUE (client_id, type)

tipos: tom_de_voz · contexto_estrategico · memoria_viva · credenciais

artifacts

id UUID PK

client_id · project_id FK

title · url · slug · type

url: painel-mmc.pages.dev/artefatos/[código]/[slug].html

skills

id UUID PK

slug UNIQUE · name · description

content (SKILL.md completo)

updated_at TIMESTAMPTZ

sincronizado via sync_skills.py

Fluxos Principais

📥 Carregar cliente

Usuário menciona cliente

↓

carregar-cliente ativa (skill)

↓

Busca no ClickUp (dados)

↓

Lê Drive: Tom de Voz + Contexto + Memória

↓

Consulta projects no Supabase

↓

Confirma contexto + projeto ativo

📤 Registrar entrega (texto)

Entrega concluída (calendário, análise...)

↓

registrar-no-painel ativa (Fluxo A)

↓

POST /rest/v1/deliveries

↓

Aparece em Histórico no painel

🎨 Publicar artefato visual

Claude gera HTML visual

↓

Salva em /artefatos/[código]/[slug].html

↓

wrangler pages deploy (~10s)

↓

POST /rest/v1/artifacts (URL permanente)

↓

Aparece em Artefatos com botão "Abrir"

⚡ Sincronizar skills

Claude edita um SKILL.md

↓

Hook PostToolUse dispara

↓

sync_skills.py lê todos os SKILL.md

↓

PATCH /rest/v1/skills (upsert)

↓

Painel atualizado em tempo real

Stack Tecnológico

🌐

Cloudflare Pages

Hosting do painel e artefatos. Deploy via wrangler CLI. Domínio: painel-mmc.pages.dev

🗄️

Supabase

PostgreSQL gerenciado. Autenticação, REST API, RLS por usuário autenticado. Projeto: xcazywmzpqjmosptkwpz

⚡

Claude Code Skills

SKILL.md locais em ~/Library/.../skills/. Sincronizados via hook automático ao editar.

📁

Google Drive

Fonte de verdade dos documentos (.md). Lidos via carregar-cliente, importados via Python script.

📄

SPA (index.html)

Single-page app em HTML/JS/CSS puro. Supabase JS v2 + marked.js via CDN. Sem frameworks.

🐍

Python Scripts

sync_skills.py (skills → Supabase). Env vars: SUPABASE_MMC_URL e SUPABASE_MMC_KEY em ~/.zshrc

Pastas

Dashboard

📊 Esteira de Aprovação

👥 Usuários e Grupos

Grupos de clientes

Membros

⚡ Skills da Agência

📖 Guia de Uso — Painel MMC

O que é o Painel MMC

Estrutura: Cliente → Pastas → Histórico & Artefatos

📋 Histórico & 🎨 Artefatos

📄 Documentos

Como usar no dia a dia

✅ Aprovações — esteira de conteúdo

Skills disponíveis

Fluxo completo — exemplo

Arquitetura do Sistema

Banco de Dados — Estrutura

Fluxos Principais

Stack Tecnológico

Bem-vindo ao Painel MMC

Histórico

Artefatos

Lotes de conteúdo

Painel MMC

Dashboard

📊 Esteira de Aprovação

👥 Usuários e Grupos

Grupos de clientes

Membros

⚡ Skills da Agência

📖 Guia de Uso — Painel MMC

O que é o Painel MMC

Estrutura: Cliente → Pastas → Histórico & Artefatos

📋 Histórico & 🎨 Artefatos

📄 Documentos

Como usar no dia a dia

✅ Aprovações — esteira de conteúdo

Skills disponíveis

Fluxo completo — exemplo

Arquitetura do Sistema

Banco de Dados — Estrutura

Fluxos Principais

Stack Tecnológico

Bem-vindo ao Painel MMC

Histórico

Artefatos

Lotes de conteúdo

✏️ Editar copy

Novo Cliente

Registrar Entrega

Nova Skill