Skills

As skills são o que você pede à IA no chat. Cada uma faz uma coisa bem definida e respeita os mesmos guardrails, então você explora à vontade, sem se preocupar com consistência.

Você não decora nada: digite /design e a IA completa o nome. Todas começam com o prefixo /bertrand-design:.

Trazer do Figma

Skill	O que faz
design-from-figma	Traz uma foundation ou um componente do Figma para dentro do design system.
design-to-figma	Leva de volta pro Figma o que já existe, para o time desenhar em cima do que é real.

Criar

Skill	O que faz
design-component	Um componente novo (botão, campo, card…), já com os tokens certos.
design-mockup	Monta e mostra uma tela interativa na hora, para você explorar e aprovar.

Compartilhar e oficializar

Skill	O que faz
design-share	Guarda a versão do mockup para validar com o time; o link é o Share do Nimbalyst.
design-release	Oficializa a tela aprovada: completa os estados, confere e publica na documentação oficial.

Revisar e checar

Skill	O que faz
design-preview-storybook	Abre um componente no Storybook para revisar, ou a vitrine inteira, na sua máquina.
design-overview	Um raio-x do que já existe, o que está pronto e o que falta. Só leitura.
design-review	A checagem obrigatória antes de uma tela ficar oficial.

Não sabe por onde começar?

Leia a visão geral do Fluxo de Design, ela mostra a ordem natural de usar as skills.