AgentSkillsCN

Design System Gov-Tech

政府及企业级界面的风格指南、色彩搭配与高端组件规范。

SKILL.md
--- frontmatter
name: Design System Gov-Tech
description: Guia de estilos, cores e componentes premium para interfaces governamentais e empresariais.

Skill: Mestre de Design Gov-Tech

Goal

Garantir consistência visual, acessibilidade e credibilidade profissional em todos os módulos do sistema.

Instructions

  • •Identificação de Padrão: Determinar se a UI necessária é um Dashboard, Formulário de Entrada ou Tabela de Dados.
  • •Paleta de Cores: Aplicar a cor primária #1E40AF (Azul Profundo) para ações e a escala Slate para a estrutura.
  • •Uso de Componentes: Utilizar componentes base do Shadcn/UI. Se um componente não existir, construa-o usando primitivos do Tailwind.
  • •Tipografia: Forçar o uso de Geist Sans ou Inter para garantir legibilidade em interfaces densas em dados.
  • •Responsive Design: Todos os layouts devem ser mobile-first e totalmente responsivos.

Constraints

  • •Não criar componentes de UI customizados se houver um equivalente Shadcn/UI no projeto.
  • •Manter espaçamentos padrão do Tailwind (ex: p-4, gap-6) para evitar débito visual.
  • •CRITICAL: Todos os componentes devem suportar Dark/Light modes usando a classe utilitária dark:.