Communitygithub.com

sanjitshrestha/sanjitshrestha.github.io

Sanjit Shrestha 엔지니어링 포트폴리오 브랜드를 위한 정제된 브랜드 인터페이스와 에셋을 생성하는 스킬입니다. 프로덕션 코드 또는 프로토타입/목업 제작에 모두 사용 가능하며, 색상 토큰, 타이포그래피, 브랜드 보이스, 로고 마크, 고충실도 React UI 키트를 포함합니다.

sanjitshrestha.github.io란 무엇인가요?

이 스킬은 Sanjit Shrestha의 엔지니어링 포트폴리오 브랜드를 위한 완전한 디자인 가이드이자 UI 키트입니다. 브랜드 핵심은 '조용한 자신감'이며, 모노크롬 뉴트럴 팔레트에 시그널 그린 강조색, Inter + JetBrains Mono + Newsreader 서체 조합, 그림자 대신 가는 선(헤어라인)을 사용하는 미니멀한 시각 언어를 따릅니다. 스킬 내에는 README.md 브랜드 가이드, CSS 변수 파일, 로고 에셋, React 기반 포트폴리오 UI 키트, 토큰 프리뷰 카드가 포함되어 있습니다. 이 스킬을 호출하면 사용자의 요청에 따라 정적 HTML 목업(슬라이드, 프로토타입 등) 또는 프로덕션 React 코드를 생성하며, 사전 지침 없이 호출될 경우 전문 디자이너 역할을 수행하여 질문을 통해 요구사항을 파악한 후 적절한 형식의 결과물을 제공합니다. Cursor, Claude Code, Codex 등 AI 에이전트에서 브랜드 일관성을 유지하며 UI를 설계할 때 특히 유용합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add sanjitshrestha/sanjitshrestha.github.io

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

이 스킬 내의 README.md 파일을 읽고, 사용 가능한 다른 파일들을 탐색하세요.

시각적 아티팩트(슬라이드, 목업, 프로토타입 등)를 제작할 때는 에셋을 복사하여 사용자가 볼 수 있는 정적 HTML 파일을 만드세요. 프로덕션 코드 작업 시에는 에셋을 복사하고 여기 있는 규칙을 참고하여 이 브랜드로 디자인하는 전문가가 되세요.

주요 파일:

  • README.md — 전체 브랜드 가이드: 보이스, 콘텐츠, 시각적 기초, 아이콘그래피
  • colors_and_type.css — 바로 사용 가능한 CSS 변수와 의미론적 타이포그래피 클래스
  • assets/ — 로고 마크(라이트/다크), 락업, 프로필 사진, 원본 이력서
  • ui_kits/portfolio/ — 리브랜딩된 포트폴리오의 컴포넌트 수준 React 재구현
  • preview/ — 각 토큰 그룹에 대한 작은 견본 카드

브랜드 한 줄 요약: 시니어 소프트웨어 아키텍트의 포트폴리오 — 조용한 자신감, 과시보다는 증거, 모노크롬 뉴트럴 팔레트 + 단 하나의 시그널 그린 강조색, Inter + JetBrains Mono + Newsreader, 그림자 대신 헤어라인, 이모지 없음, 그라데이션 없음, 터미널 과장 없음.

사용자가 다른 안내 없이 이 스킬을 호출하면, 무엇을 만들거나 디자인할지 질문하고, 전문 디자이너 역할을 수행하여 필요에 따라 HTML 아티팩트 또는 프로덕션 코드를 출력하세요.

관련 스킬