API Capital Design System

Sistema de Design API Capital

Tudo o que é preciso para produzir peças no padrão visual da API Capital.

Trabalhar com o Claude

Instale uma vez e peça as peças em português, todo dia, em qualquer conversa: “faz uma proposta comercial com a cara da API Capital”.

  1. Baixe a skill no botão abaixo.
  2. No Claude, abra Configurações → Recursos → Skills e suba o arquivo .zip. Se a opção não aparecer, ligue execução de código na mesma tela. Já tinha uma versão instalada? Apague a antiga antes de subir.
  3. Pronto. É só pedir.

A skill não guarda o design system dentro dela: lê tudo deste endereço a cada trabalho. Mudou aqui, mudou na próxima peça, sem baixar nada de novo. Ela só avisa quando a própria skill tiver versão nova.

Baixar a skill

Prefere não instalar nada? O texto para colar nas instruções de um Projeto está em PROMPT.md.

O que tem aqui

Você querAbra
As regras: cor, tipografia, layout, componentesDESIGN.md
O que não se fazANTI_SLOP_VISUAL.md
A URL de cada logo, ícone, textura e fotoINDICE_ATIVOS.md
Usar em códigotokens/api-capital.css
Baixar um arquivo de marcaassets/
Quem é dono de quêLICENSE.md

Em código, comece por esta linha

Ela traz as fontes, as variáveis de cor e as 23 classes de componente. Consuma a variável, nunca escreva o valor.

<link rel="stylesheet" href="https://design.apicapital.com.br/tokens/api-capital.css">