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:
- Interfaces (UI): Para decidir as cores do Tailwind no
pca-ui-v2. - Documentos: Para definir cabeçalhos e fontes no
pca-docs.
Como Usar
Para aplicar um estilo visual a um artefato:
- Consulte os Temas: O usuário pode pedir para ver o
theme-showcase.pdfpara escolher visualmente. - Leia a Definição: O Claude lê o arquivo
.mdcorrespondente na pastathemes/. - 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.
- Se for React/Tailwind: Converta as cores hexadecimais para classes (ex:
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":
- Leia
themes/camocim-gov.md. - Extraia a cor primária e a fonte.
- Se estiver gerando uma UI, configure o
tailwind.config.jsou use estilos inline com essas cores.