Skill de Briefing de Design

Analise um briefing de design estruturado em um DESIGN.md concreto e uma prévia visual opcional. Agente, siga este fluxo de trabalho exatamente.

Contexto

As 8 dimensões nesta skill foram derivadas do catálogo original de 71 sistemas do OpenDesign; 71 é a amostra de pesquisa, não a contagem atual de sistemas empacotados. Cada DESIGN.md em design-systems/ ainda se resolve no mínimo: paleta de cores, destaque, tipografia, fonte de exibição, modelo de layout e estilo de componente. Destilamos isso em 8 dimensões ortogonais que cobrem as decisões que um designer toma antes de qualquer pixel ser colocado. Humor e densidade foram adicionados porque são as duas fontes mais comuns de ambiguidade em briefings em linguagem natural ("faça ser limpo" significa coisas diferentes para pessoas diferentes).

Dimensões intencionalmente excluídas do nível de briefing: tempo de animação, estratégia responsiva e contraste de acessibilidade. Estas são aplicadas no nível do template por skills individuais (por exemplo, saas-landing lida com sua própria lógica responsiva), embora o DESIGN.md gerado inclua padrões sensatos de breakpoints para consumo posterior.

1. Aceitar entrada

O usuário fornece um briefing de design em um dos dois formatos:

Opção A: Briefing estruturado em I-Lang

[PLAN:@DESIGN|type=saas_landing]
  |palette=navy_and_white|accent=coral
  |typography=inter|display=space_grotesk
  |layout=single_column|max_width=1200px
  |mood=professional_minimal
  |density=spacious|section_gap=96px
  |hero=headline+subhead+cta
  |sections=features,pricing,testimonials,footer
  |exclude=animations,parallax,gradients
  |responsive=mobile_first

Opção B: Linguagem natural

"Preciso de uma landing page para uma ferramenta de desenvolvedor. Limpa, minimalista, modo escuro. Fonte Inter. Sem animações chamativas."

Se o usuário fornecer a Opção B, converta-a para o formato estruturado usando a tabela de mapeamento abaixo e, em seguida, prossiga. Identifique cada dimensão explicitamente declarada e marque as dimensões que não foram especificadas.

Linguagem natural → Mapeamento para I-Lang

Para cada frase na entrada de linguagem natural, identifique palavras-chave de dimensão e mapeie para o valor estruturado mais próximo:

Quando uma frase mapeia para várias dimensões (por exemplo, "landing page limpa e escura" → humor=profissional_minimalista + paleta=monocromático_escuro + layout=coluna_única), resolva cada dimensão independentemente. Quando vários valores são listados para um único mapeamento, o primeiro é o padrão; o agente pode selecionar a alternativa apenas se o contexto circundante a favorecer fortemente.

2. Validar dimensões

Cada briefing de design deve resolver estas 8 dimensões. Se alguma estiver faltando na entrada, selecione padrões sensatos usando as regras na Seção 2.2.

Os valores listados abaixo formam um vocabulário fechado. Apenas os valores nesta tabela têm mapeamentos de token concretos na Seção 2.1. Se o usuário fornecer um valor não listado aqui, o agente deve solicitar esclarecimento em vez de adivinhar.

…