AgentSkillsCN

pca-theme-factory

为 PCA Camocim 项目提供标准化的颜色和排版方案。在 UI 元素和文档中应用视觉主题。

SKILL.md
--- frontmatter
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.