Communitygithub.com

SumsubProductDesign/sumsub-design-skills

Habilidades da equipe de Design de Produto da Sumsub — sistema de design Figma, documentação de componentes, anotações de tela, páginas de tabela, revisão de design.

O que é sumsub-design-skills?

Este skill reúne as principais práticas e ferramentas da equipe de Design de Produto da Sumsub para uso em assistentes de IA, como Claude Code, Cursor ou Codex. Ele centraliza a documentação do sistema de design no Figma, incluindo especificações de componentes, anotações de tela para guias de desenvolvimento, páginas de tabela com dados estruturados e processos de revisão de design. O objetivo é permitir que agentes de IA consultem e apliquem essas diretrizes de forma consistente durante o desenvolvimento e a revisão de interfaces, garantindo alinhamento com o design system da Sumsub. Suporta integração com plataformas que interpretam markdown e podem acessar documentação técnica, ajudando a acelerar entregas de produto com qualidade e padronização.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add SumsubProductDesign/sumsub-design-skills

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que sumsub-design-skills faz?

Habilidades da equipe de Design de Produto da Sumsub — sistema de design Figma, documentação de componentes, anotações de tela, páginas de tabela, revisão de design.

Visão Geral

Este skill contém as habilidades e práticas utilizadas pela equipe de Design de Produto da Sumsub, cobrindo:

  • Sistema de design Figma – Tokens, componentes e padrões visuais.
  • Documentação de componentes – Specs, estados e variantes.
  • Anotações de tela – Diretrizes de layout, espaçamento e comportamento.
  • Páginas de tabela – Estrutura de dados e exemplos de visualização.
  • Revisão de design – Critérios e checklist de qualidade.

Como Usar

  1. Consulte a documentação do componente desejado no Figma.
  2. Siga as anotações de tela para implementar layouts e interações.
  3. Utilize as páginas de tabela como referência para dados tabulares.
  4. Antes de finalizar, execute a revisão de design conforme checklist.

Exemplo de Anotação

Componente: Botão Primário
Estados: padrão, hover, ativo, desabilitado
Padding: 12px 24px
Cor de fundo: #0052CC

Links Úteis


Este skill é mantido pela equipe de Design de Produto da Sumsub.

Habilidades Relacionadas