Painel MMC

Meu Marketing Contábil — Gestão Interna

Painel MMC
Clientes

Dashboard

⚡ 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: Clientes → Projetos → Histórico

ProjetoQuando usar
Demandas GeraisPadrão — reuniões, análises avulsas, documentos gerais
Social MediaCalendários, criativos, estratégia orgânica
Tráfego PagoCampanhas, relatórios de mídia paga, leads
Inbound MarketingE-mail, SEO, blog, nutrição de leads

📋 Histórico & 🎨 Artefatos

Histórico: lista cronológica de todas as entregas por projeto. 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.

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.

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
📊

Bem-vindo ao Painel MMC

Selecione um cliente na barra lateral para ver seus documentos e histórico de entregas.

Novo Cliente

Registrar Entrega

Nova Skill

💡 Após salvar, clique em Baixar no card da skill para obter o SKILL.md e colocar na pasta local:
~/Library/Application Support/Claude/.../skills/[slug]/SKILL.md