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.