Communitygithub.com

sanjitshrestha/sanjitshrestha.github.io

使用此技能为 Sanjit Shrestha 的工程作品集品牌生成具有良好品牌标识的界面和资源,适用于生产环境或一次性原型/模拟等场景。包含基本的设计规范(色彩标记、字体比例、间距、动效)、品牌声音、新的徽标标记以及作品集网站的高保真 React UI 套件。

sanjitshrestha.github.io 是什么?

该技能为 Sanjit Shrestha 的工程作品集品牌提供了一套完整的设计系统。它包含品牌的视觉基础(单色中性配色方案加一个信号绿强调色,使用 Inter、JetBrains Mono 和 Newsreader 字体)、品牌声音、LOGO 标记(亮/暗模式)以及一个高保真的 React UI 套件,可复现重新品牌化的作品集页面。核心设计理念是“安静的自信:证据胜于表演,发丝线而非阴影,无表情符号、无渐变、无终端式的戏剧效果”。技能文档中包含了可直接引入的 CSS 变量和语义排版类,以及用于快速创建视觉原型(如幻灯片、模拟图、一次性原型)的素材和预览卡。用户可以根据需要选择输出静态 HTML 文件供查看,或直接使用 React 组件进行生产开发。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add sanjitshrestha/sanjitshrestha.github.io

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

请阅读此技能中的 README.md 文件,并探索其他可用文件。

如果要创建视觉制品(幻灯片、模拟图、一次性原型等),请将素材复制出来,并创建静态 HTML 文件供用户查看。如果处理生产代码,则可以复制素材并阅读此处的规则,成为精通该品牌设计的设计师。

关键文件:

  • README.md — 完整品牌指南:声音、内容、视觉基础、图标体系
  • colors_and_type.css — 可即用的 CSS 变量和语义排版类
  • assets/ — LOGO 标记(亮/暗模式)、组合标、个人照片、原始简历
  • ui_kits/portfolio/ — 重新品牌化作品集的组件级 React 复现
  • preview/ — 每个标记组的小型样品卡

一句话品牌总结:一位资深软件架构师的作品集——安静的自信,证据胜于表演,单色中性色调 + 单一信号绿强调色,使用 Inter + JetBrains Mono + Newsreader 字体,发丝线而非阴影,无表情符号、无渐变、无终端式的戏剧效果。

如果用户在没有其他指导的情况下调用此技能,请询问他们想要构建或设计什么,提出一些问题,然后以专家设计师的身份,根据需要输出 HTML 制品或生产代码。

相关技能