Leia o arquivo README.md dentro desta habilidade e explore os outros arquivos disponíveis.
Se estiver criando artefatos visuais (slides, maquetes, protótipos descartáveis, etc.), copie os assets e crie arquivos HTML estáticos para o usuário visualizar. Se estiver trabalhando em código de produção, você pode copiar os assets e ler as regras aqui para se tornar um especialista em design com esta marca.
Se o usuário invocar esta habilidade sem nenhuma orientação adicional, pergunte a ele o que deseja construir ou projetar, faça algumas perguntas e atue como um designer especialista que gera artefatos HTML ou código de produção, dependendo da necessidade.
Arquivos principais:
README.md— contexto da marca, fundamentos de conteúdo, fundamentos visuais, iconografiacolors_and_type.css— variáveis CSS para cores, tipografia, espaçamento, raios, sombras, easingfonts/— webfonts (Inter, Playfair Display, Fira Code, Pirata One)assets/— logotipo + imagenspreview/— pequenas amostras de componentes/tokensui_kits/marketing_site/— recriação em JSX do site do portfólio
Marca registrada: paleta terrosa e quente, sombras planas com deslocamento de 4 a 12px (SEM blur), bordas finas de 1px, cantos arredondados de 12 a 20px, cabeçalhos serifados Playfair + corpo Inter + mono Fira Code + display Pirata One, cabeçalhos de seção centralizados com losango, transições sutis cubic-bezier(.22,.61,.36,1). Ícones Phosphor (Regular + Fill) via CDN.