Communitygithub.com

sanjitshrestha/sanjitshrestha.github.io

Sanjit Shrestha のエンジニアリングポートフォリオブランド向けに、ブランドに沿ったインターフェースやアセットを生成するスキルです。制作物・プロトタイプ・モックのいずれにも対応します。カラートークン、タイプスケール、スペーシング、モーション、ブランドボイス、新しいロゴマーク、React UI キットを含むデザインガイドラインを提供します。

sanjitshrestha.github.io とは?

このスキルは、Sanjit Shrestha のエンジニアリングポートフォリオブランドに沿った、一貫性と洗練されたビジュアルを備えたインターフェースとアセットを生成するために設計されています。主な特徴として、カラートークン(モノクロの中立パレット+シグナルグリーンアクセント)、タイポグラフィスケール(Inter、JetBrains Mono、Newsreader)、スペーシング、モーションといった視覚的基盤を CSS 変数として提供します。また、ブランドボイスガイド、新しいロゴマーク(ライト/ダーク両対応)、プロフィール写真、オリジナル CV を含むアセットフォルダ、そしてポートフォリオサイトの React UI キットが含まれています。対応プラットフォームは Claude Code、Cursor、Codex などの AI エージェントであり、静的 HTML のプロトタイプ作成から本番 React コードの開発まで幅広いユースケースに対応します。スキルが呼び出された際は、まずユーザーの制作意図をヒアリングし、エキスパートデザイナーとしてHTMLアーティファクトまたは本番コードを出力します。ブランドのトーンは「静かな自信、証拠重視、パフォーマンスより実質」であり、エモジやグラデーション、派手なターミナル演出を排した、ミニマルでプロフェッショナルなデザインが特徴です。

対応~Claude Code~Codex CLI~Cursor
npx skills add sanjitshrestha/sanjitshrestha.github.io

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

このスキル内の README.md を読み、他の利用可能なファイルも参照してください。

視覚的な成果物(スライド、モック、使い捨てプロトタイプなど)を作成する場合は、アセットをコピーして、ユーザーが表示できる静的 HTML ファイルを生成してください。本番コードに取り組む場合は、アセットをコピーし、こちらのルールを読んでこのブランドでのデザインに精通してください。

主要ファイル

  • README.md — 完全なブランドガイド: ボイス、コンテンツ、ビジュアル基礎、アイコノグラフィ
  • colors_and_type.css — ドロップインCSS変数とセマンティックタイポグラフィクラス
  • assets/ — ロゴマーク(ライト/ダーク)、ロックアップ、プロフィール写真、オリジナルCV
  • ui_kits/portfolio/ — リブランドされたポートフォリオのコンポーネントレベルReact再現
  • preview/ — 各トークングループの小さな見本カード

ブランドの要約(一文)

シニアソフトウェアアーキテクトのポートフォリオ — 静かな自信、パフォーマンスより証拠、モノクロの中立パレット+シグナルグリーンの単一アクセント、Inter + JetBrains Mono + Newsreader、影の代わりにヘアライン、エモジなし、グラデーションなし、ターミナル劇場なし。

ユーザーが他のガイダンスなしにこのスキルを呼び出した場合は、何を作成・デザインしたいかを尋ね、いくつか質問をし、エキスパートデザイナーとしてHTMLアーティファクト または 本番コードを出力してください(ニーズに応じて)。

関連スキル