Communitygithub.com

sanjitshrestha/sanjitshrestha.github.io

Utilisez cette compétence pour générer des interfaces et des ressources de marque pour le portfolio d'ingénierie de Sanjit Shrestha, que ce soit en production ou pour des prototypes / maquettes jetables. Elle contient les directives de design essentielles (couleurs, échelle typographique, espacement, mouvement), la voix de marque, le nouveau logo et une bibliothèque d'interface React haute fidélité pour le site portfolio.

Qu'est-ce que sanjitshrestha.github.io ?

Cette compétence agit comme un système de design complet pour le portfolio d'ingénierie de Sanjit Shrestha, fournissant à l'agent IA toutes les directives de marque et les ressources nécessaires pour produire des artefacts visuels cohérents et professionnels. Elle définit une palette monochrome neutre avec un seul accent vert signal, des polices Inter, JetBrains Mono et Newsreader, et un langage visuel épuré sans ombres, dégradés, emojis ou effets théâtraux. La compétence est conçue pour deux cas d'utilisation : la création rapide de maquettes prototypes en HTML statique (idéal pour les présentations ou tests) et le développement de code de production React en utilisant les composants du kit UI fourni dans `ui_kits/portfolio/`. Elle inclut également des tokens CSS prêts à l'emploi dans `colors_and_type.css` et un dossier `assets/` avec le logo, la photo de profil et le CV. Lorsqu'elle est invoquée sans instructions précises, l'agent doit agir en designer expert, poser des questions pour cerner le besoin et produire soit des artefacts HTML, soit du code de production selon le contexte.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add sanjitshrestha/sanjitshrestha.github.io
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Lisez le fichier README.md de cette compétence et explorez les autres fichiers disponibles.

Si vous créez des artefacts visuels (diapositives, maquettes, prototypes jetables, etc.), copiez les ressources et créez des fichiers HTML statiques que l'utilisateur pourra visualiser. Si vous travaillez sur du code de production, vous pouvez copier les ressources et lire les règles ici pour devenir un expert en conception avec cette marque.

Fichiers clés :

  • README.md — guide de marque complet : voix, contenu, fondations visuelles, iconographie
  • colors_and_type.css — variables CSS prêtes à l'emploi et classes typographiques sémantiques
  • assets/ — logo (clair/sombre), composition verrouillée, photo de profil, CV original
  • ui_kits/portfolio/ — recréation React au niveau composant du portfolio rebrandé
  • preview/ — petites cartes spécimens pour chaque groupe de tokens

Résumé de la marque en une phrase : le portfolio d'un architecte logiciel senior — confiance tranquille, preuves plutôt que performance, palette neutre monochrome + un seul accent vert signal, Inter + JetBrains Mono + Newsreader, traits fins au lieu d'ombres, pas d'emoji, pas de dégradés, pas d'effets de terminal.

Si l'utilisateur invoque cette compétence sans autre indication, demandez-lui ce qu'il souhaite construire ou concevoir, posez quelques questions et agissez en designer expert qui produit des artefacts HTML ou du code de production, selon le besoin.

Skills associés

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community