Communitygithub.com

sanjitshrestha/sanjitshrestha.github.io

Use this skill to generate well-branded interfaces and assets for Sanjit Shrestha's engineering portfolio brand, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines (color tokens, type scale, spacing, motion), brand voice, the new logo mark, and a high-fidelity React UI kit for the portfolio site.

What is sanjitshrestha.github.io?

sanjitshrestha.github.io is a Claude Code agent skill that use this skill to generate well-branded interfaces and assets for Sanjit Shrestha's engineering portfolio brand, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines (color tokens, type scale, spacing, motion), brand voice, the new logo mark, and a high-fidelity React UI kit for the portfolio site.

Works with~Claude Code~Codex CLI~Cursor
npx skills add sanjitshrestha/sanjitshrestha.github.io
View original→Browse all skills

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Read the README.md file within this skill, and explore the other available files.

If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.

Key files:

  • README.md — full brand guide: voice, content, visual foundations, iconography
  • colors_and_type.css — drop-in CSS variables and semantic typography classes
  • assets/ — logo mark (light/dark), lockup, profile photo, original CV
  • ui_kits/portfolio/ — component-level React recreation of the rebranded portfolio
  • preview/ — small specimen cards for each token group

Brand summary in one sentence: a senior software architect's portfolio — quiet confidence, evidence over performance, monochrome neutral palette + a single signal-green accent, Inter + JetBrains Mono + Newsreader, hairlines instead of shadows, no emoji, no gradients, no terminal theatrics.

If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts or production code, depending on the need.

Related Skills

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