Communitygithub.com

sanjitshrestha/sanjitshrestha.github.io

Usa esta skill para generar interfaces y recursos con la marca del portafolio de ingeniería de Sanjit Shrestha, ya sea para producción o prototipos desechables. Contiene pautas de diseño esenciales (tokens de color, escala tipográfica, espaciado, movimiento), voz de marca, el nuevo logotipo y un kit de interfaz React de alta fidelidad.

¿Qué es sanjitshrestha.github.io?

Esta skill permite a un agente de IA (como Claude Code, Cursor o Codex) diseñar y generar activos visuales y de interfaz alineados con la marca del portafolio de Sanjit Shrestha. Incluye una guía de marca completa (voz, contenido, fundamentos visuales, iconografía), variables CSS listas para usar (colores y tipografía) y un kit de interfaz de usuario React con componentes reutilizables del portafolio rediseñado. Es útil tanto para prototipos rápidos (generando archivos HTML estáticos con los activos copiados) como para código de producción (extrayendo las reglas de diseño y los tokens). La paleta es monocromática neutra con un acento verde señal, tipografía Inter + JetBrains Mono + Newsreader, líneas finas en lugar de sombras, sin emojis, sin gradientes y sin teatralidad de terminal. Si el usuario invoca la skill sin instrucciones específicas, el agente debe preguntar qué se desea construir y actuar como un diseñador experto, generando artefactos HTML o código de producción según la necesidad.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add sanjitshrestha/sanjitshrestha.github.io

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Lee el archivo README.md incluido en esta skill y explora los otros archivos disponibles.

Si estás creando artefactos visuales (diapositivas, maquetas, prototipos desechables, etc.), copia los recursos y crea archivos HTML estáticos para que el usuario pueda verlos. Si estás trabajando en código de producción, puedes copiar los recursos y leer las reglas aquí para convertirte en un experto en diseño con esta marca.

Archivos clave:

  • README.md — guía de marca completa: voz, contenido, fundamentos visuales, iconografía
  • colors_and_type.css — variables CSS listas para usar y clases tipográficas semánticas
  • assets/ — logotipo (claro/oscuro), bloque de marca, foto de perfil, CV original
  • ui_kits/portfolio/ — recreación a nivel de componentes React del portafolio rediseñado
  • preview/ — pequeñas tarjetas de muestra para cada grupo de tokens

Resumen de la marca en una frase: el portafolio de un arquitecto de software senior: confianza silenciosa, evidencia sobre rendimiento, paleta neutra monocromática + un único acento verde señal, Inter + JetBrains Mono + Newsreader, líneas finas en lugar de sombras, sin emojis, sin gradientes, sin teatralidad de terminal.

Si el usuario invoca esta skill sin ninguna otra indicación, pregúntale qué quiere construir o diseñar, haz algunas preguntas y actúa como un diseñador experto que genera artefactos HTML o código de producción, según la necesidad.

Skills relacionados