BIANCA-SANITY: Sistema Integrado CMS + Apresentações

Sistema integrado que combina Sanity CMS para gestão de conteúdo com Slidev para apresentações interativas dinâmicas, incluindo ferramentas de automação via MCP BiancaTools.

Capacidades

Estrutura do Projeto

```

/BIANCA-SANITY/

├── /schemas/ # Schemas Sanity (cliente, evidenciaServico, presentation)

├── /clientes/ # Dados de clientes (nurnberg, follow-the-money)

├── /planilha/ # Sistema cronograma SQLite

├── /bianca-slidev/ # Módulo Slidev

│ ├── /components/ # Componentes Vue (SanityExample, EstrategiaNurnberg)

│ ├── /composables/ # sanity.ts (funções de busca)

│ ├── /sanity/ # client.ts (cliente Sanity, NÃO Studio)

│ └── slides.md

├── /mcp-run-ts-tools/ # BiancaTools MCP

│ ├── /src/tools/ # Puppeteer, GitHub, Git, Mem0, Claude

│ └── run-bianca-tools.sh

└── [FALTA] /studio/ # Sanity Studio (interface admin)

```

Instruções

1. Responder Sempre em Português Brasileiro

SEMPRE responda ao usuário em PT-BR.

2. Entender Diferença: Cliente Sanity vs Studio

3. Instalar Sanity Studio (se solicitado)

```bash

Instalar Sanity CLI globalmente

npm install -g @sanity/cli

Criar Sanity Studio na raiz

cd /Users/phiz/Desktop/BIANCA-SANITY

npm create sanity@latest -- --template clean --create-project "Bianca CMS" --dataset production

Copiar schemas existentes

cp -r schemas/* studio/schemas/

Iniciar Studio localmente

cd studio

npm run dev

Deploy para produção

npm run deploy

```

4. Configurar Variáveis de Ambiente

Criar `.env` em `/bianca-slidev/`:

```env

VITE_SANITY_PROJECT_ID=seu_project_id

VITE_SANITY_DATASET=production

```

5. Usar MCP BiancaTools

**Instalar globalmente:**

```bash

claude mcp add BiancaTools /Users/phiz/Desktop/BIANCA-SANITY/mcp-run-ts-tools/run-bianca-tools.sh --env GITHUB_TOKEN=SEU_TOKEN -s user

```

**Ferramentas disponíveis:**

**Exemplo de uso (Puppeteer para verificação visual):**

1. Navegar: `mcp__puppeteer-server__puppeteer_navigate`

2. Screenshot: `mcp__puppeteer-server__puppeteer_screenshot`

3. Identificar problemas

4. Corrigir código

5. Repetir

6. Comandos Slidev

```bash

cd bianca-slidev

npm install # Instalar dependências

npm run dev # Desenvolvimento

npm run build # Build produção

npm run export # Exportar PDF

```

7. Sistema de Cronograma

```bash

cd planilha

python servidor_cronograma.py

Acessar: http://localhost:8080

```

8. Integrar Dados Sanity no Slidev

**No componente Vue:**

```vue

<script setup>

import { useSanity } from '../composables/sanity'

const { data: presentations, loading } = await useSanity().getPresentation('presentation-id')

</script>

```

9. Fluxo de Trabalho Integrado

1. **Criar Conteúdo**: Sanity Studio → criar/editar apresentações, clientes, evidências → publicar

2. **Consumir no Slidev**: Dados buscados via composables → componentes Vue renderizam dinamicamente

3. **Verificar Visualmente**: MCP Puppeteer → navegar, screenshot, identificar problemas → corrigir → repetir

10. Checklist de Integração

**Passo 1: Instalar Sanity Studio**

**Passo 2: Configurar Integração**

**Passo 3: Popular Dados**

**Passo 4: Deploy**

11. Schemas Principais

**Schema de Apresentação:**

```javascript

// schemas/documents/presentation.js

export default {

name: 'presentation',

title: 'Apresentação',

type: 'document',

fields: [

{

name: 'titulo',

title: 'Título',

type: 'string',

validation: Rule => Rule.required()

},

{

name: 'cliente',

title: 'Cliente',

type: 'reference',

to: [{type: 'cliente'}]

},

{

name: 'slides',

title: 'Slides',

type: 'array',

of: [{type: 'slide'}]

}

]

}

```

Próximos Passos

1. **Completar Integração Sanity**: Configurar projeto no Sanity.io, adicionar credenciais, testar busca

2. **Expandir Componentes Slidev**: Criar componentes dinâmicos, integrar dados de clientes, animações

3. **Automatizar Workflows**: Scripts backup Sanity, CI/CD, testes automatizados

Recursos