Guia de leitura localizado
frontend-designFinalidade, utilização e fonte
Orientações para um design visual diferenciado e intencional ao criar novas interfaces de usuário ou reformular as existentes. Auxilia na definição da estética, tipografia e na tomada de decisões que não pareçam clichês padronizados.
Fonte recuperada:
- Repositório de origem
- anthropics/skills
- SKILL.md
skills/frontend-design/SKILL.md- Estrelas do repositório
- 185,373
- Atualização do repositório
- 2026-10-29
- Classificação de Habilidades
- Design
- Última coleta
Licença: Arquivo de licença pendente de verificação
Os trechos do fluxo de trabalho são auxiliares de leitura e não instruções executáveis do Codez. Nenhuma Skill de terceiros foi executada para gerar esta página.
Os trechos abaixo, que descrevem o propósito e o fluxo de trabalho, são material original, organizado e traduzido para facilitar a leitura. Eles são distintos da análise editorial da Codez, que possui uma etiqueta separada.
O que esta habilidade faz
Orientações para um design visual diferenciado e intencional ao criar novas interfaces de usuário ou reformular as existentes. Auxilia na definição da estética, tipografia e na tomada de decisões que não pareçam clichês padronizados.
Como funciona o fluxo de trabalho upstream
Processo: planejar, revisar em relação ao briefing, construir, criticar.
Para calibração, o design gerado por IA atualmente se agrupa em torno de algumas características: um fundo creme quente (próximo a #F)4F1EA) com um display serifado de alto contraste e um detalhe em terracota ou argila quente (geralmente próximo ao #D)97757— Acento de interação próprio da Anthropic com o Claude, que aparece como um indicador no briefing do usuário); um fundo quase preto com um único detalhe em verde-ácido brilhante ou vermelho-vivo; um layout no estilo tabloide com linhas finas, raio de borda zero e colunas densas semelhantes às de um jornal;
Passagem a montante · L36 ↗Design de Front-end
Aborde este projeto como o diretor de design de um estúdio conhecido por oferecer a cada cliente uma identidade visual distinta e inconfundível. Este cliente já rejeitou propostas clichês ou padronizadas e está investindo em um ponto de vista diferenciado: faça escolhas deliberadas e com opinião própria sobre paleta de cores, tipografia e layout, específicas para este briefing, e assuma riscos estéticos, se justificados.
Passagem a montante · L7 ↗Fundamente seus projetos no tema em questão.
Se o briefing não especificar o produto ou o assunto, defina-o você mesmo antes de começar a projetar e confirme com o cliente. Você pode começar com um assunto concreto, o público-alvo do projeto e a principal função do design como uma proposta. Se você se lembrar de alguma informação sobre as preferências do cliente ou o contexto do projeto, use isso como uma dica. O setor, o assunto, os materiais e a linguagem comum são as fontes de escolhas visuais marcantes — por exemplo, um projeto para um brinquedo para meninas de [idade não especificada] anos.8–11Será esteticamente muito diferente de um painel de controle para analistas financeiros. Desenvolva-o com base no conteúdo e assunto reais do briefing.
Passagem a montante · L11 ↗Requisitos e configuração
Nenhuma passagem de requisitos resumida foi selecionada deste arquivo. Isso não significa que a Skill não tenha dependências. Verifique as instruções de configuração do repositório e os arquivos referenciados.
Limites e verificações de qualidade
Nenhuma passagem de limites separada foi selecionada deste arquivo. Isso não significa que a Skill seja segura para todas as entradas ou ambientes. Analise o código-fonte completo e valide seus próprios resultados.
Comece com um teste seguro.
- Verifique o host compatível e as instruções de instalação do repositório. Mantenha o diretório Skill e seus scripts, recursos e documentação referenciados juntos;SKILL.mdsozinho pode omitir dependências.
- Forneça ao agente suas entradas reais, a saída desejada e os critérios de aceitação. A sintaxe de invocação e as ferramentas disponíveis dependem do host; este site não pressupõe um comando de instalação universal.
- Teste o fluxo de trabalho original em um projeto descartável ou em uma cópia. Analise as operações que alteram arquivos, serviços remotos ou recursos faturáveis antes de permiti-las.
- Valide o resultado comparando-o com as verificações de qualidade da fonte e com seus próprios requisitos. Um gatilho bem-sucedido ou uma alta contagem de estrelas no repositório não garantem um resultado correto.
Leia mais na fonte.
Habilidades relacionadas
Tradução e escopo
Este guia de leitura seleciona trechos do texto fixado a montante.SKILL.mdA tradução foi feita com auxílio de ferramentas. Este não é um manual completo nem garante compatibilidade comprovada. Leia o original e os arquivos referenciados antes de usar.
Esta introdução refere-se à versão fixada abaixo; a atividade atual do repositório e o tempo de coleta são mostrados separadamente.
- Fonte fixada
- Leia o original ↗
- Fonte recuperada
- Commit de origem
ca45fc496a3436251f191354091d557da31c15b5- Fonte SHA-256
d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3