Communitygithub.com

sanjitshrestha/sanjitshrestha.github.io

Use esta skill para gerar interfaces e ativos com a marca do portfólio de engenharia de Sanjit Shrestha, seja para produção ou protótipos/maquetes descartáveis. Contém diretrizes de design essenciais (tokens de cor, escala tipográfica, espaçamento, movimento), tom de voz da marca, o novo logotipo e um kit UI React de alta fidelidade para o site do portfólio.

O que é sanjitshrestha.github.io?

Esta skill capacita agentes de IA a criar interfaces e ativos visuais consistentes com a marca pessoal de engenharia de Sanjit Shrestha. Ela fornece um conjunto completo de diretrizes de design, incluindo tokens de cor, escala tipográfica, espaçamento e regras de movimento, além do tom de voz oficial e o novo logotipo. O recurso central é um kit UI React de alta fidelidade localizado em `ui_kits/portfolio/`, que permite a criação de componentes de interface prontos para produção. Para protótipos rápidos ou maquetes descartáveis, a skill recomenda copiar os ativos e gerar arquivos HTML estáticos; para código de produção, os desenvolvedores podem consultar o guia de marca completo no `README.md` e regras de estilo semântico no `colors_and_type.css`. A essência da marca é definida por um estilo monocromático neutro com um acento verde sinal, tipografia elegante (Inter, JetBrains Mono, Newsreader) e uma estética sóbria e profissional, sem emojis, gradientes ou efeitos teatrais.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add sanjitshrestha/sanjitshrestha.github.io

Perguntar na sua IA favorita

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

Documentação

Leia o arquivo README.md dentro desta skill e explore os outros arquivos disponíveis.

Se estiver criando artefatos visuais (slides, maquetes, protótipos descartáveis, etc), copie os ativos e crie arquivos HTML estáticos para o usuário visualizar. Se estiver trabalhando em código de produção, você pode copiar os ativos e ler as regras aqui para se tornar um especialista em design com esta marca.

Arquivos principais:

  • README.md — guia completo da marca: tom de voz, conteúdo, fundamentos visuais, iconografia
  • colors_and_type.css — variáveis CSS prontas para uso e classes tipográficas semânticas
  • assets/ — logotipo (claro/escuro), lockup, foto de perfil, CV original
  • ui_kits/portfolio/ — recriação em React no nível de componente do portfólio reformulado
  • preview/ — pequenos cartões de exemplo para cada grupo de token

Resumo da marca em uma frase: o portfólio de um arquiteto de software sênior — confiança silenciosa, evidência em vez de performance, paleta neutra monocromática + um único acento verde-sinal, Inter + JetBrains Mono + Newsreader, linhas finas em vez de sombras, sem emoji, sem gradientes, sem teatralidade de terminal.

Se o usuário invocar esta skill sem nenhuma outra orientação, pergunte o que ele 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.

Habilidades Relacionadas