---
name: pca-theme-factory
description: "Fornece paletas de cores e tipografia padronizadas para o Projeto PCA Camocim. Aplica temas visuais em artefatos de UI e Documentos."
---

# Fábrica de Temas PCA

## Visão Geral
Esta habilidade fornece uma coleção curada de temas de design (cores e fontes). Ela deve ser consultada sempre que o Claude for gerar:
1.  **Interfaces (UI):** Para decidir as cores do Tailwind no `pca-ui-v2`.
2.  **Documentos:** Para definir cabeçalhos e fontes no `pca-docs`.

## Como Usar
Para aplicar um estilo visual a um artefato:

1.  **Consulte os Temas:** O usuário pode pedir para ver o `theme-showcase.pdf` para escolher visualmente.
2.  **Leia a Definição:** O Claude lê o arquivo `.md` correspondente na pasta `themes/`.
3.  **Aplique:**
    * Se for **React/Tailwind**: Converta as cores hexadecimais para classes (ex: `bg-[#1a2332]`).
    * Se for **Word/Docx**: Use as fontes especificadas para Títulos e Corpo.

## Temas Disponíveis
Os arquivos de definição estão em `themes/`:
- `camocim-gov` (Padrão Oficial da Prefeitura)
- `ocean-depths` (Corporativo/Azul)
- `modern-minimalist` (Limpo/Cinza)
- `midnight-galaxy` (Modo Escuro)
- E outros temas padrão.

## Instruções de Raciocínio
Ao receber o pedido "Aplique o tema Camocim Oficial":
1. Leia `themes/camocim-gov.md`.
2. Extraia a cor primária e a fonte.
3. Se estiver gerando uma UI, configure o `tailwind.config.js` ou use estilos inline com essas cores.