Agent skill

Building Student Portfolio Websites

by Zhao-yuanpu in Zhao-yuanpu/college-student-resume-website-mcp

A skill your agent uses when building or improving a student portfolio or personal resume website with approved visual references, responsive motion, static-file compatibility, or GitHub Pages…

MITAuto-check passedDevelopment

Install Building Student Portfolio Websites

skills CLI
$ npx skills add Zhao-yuanpu/college-student-resume-website-mcp --skill building-student-portfolio-websites -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Zhao-yuanpu/college-student-resume-website-mcp building-student-portfolio-websites --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Zhao-yuanpu/college-student-resume-website-mcp.git skills-src && mkdir -p .claude/skills && cp -r skills-src/building-student-portfolio-websites .claude/skills/building-student-portfolio-websites && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
building-student-portfolio-websites
GitHub stars
105
Token cost
~415 tokens
SKILL.md length
82 words
Files
1
Skills in repo
1
Repo updated
First seen
Licence
MIT

At a glance

A skill your agent uses when building or improving a student portfolio or personal resume website with approved visual references, responsive motion, static-file compatibility, or GitHub Pages…

  • Works in 4 steps: 定位真正的 Git… → 搜索已确认设计、内容来源、隐私要求和 README… → 查看 git status… → …
  • Improving a student portfolio
  • SKILL.md covers 核心原则, MCP 工具, 开始前 and 实现约束, plus 3 more sections
  • Calls git

What it does

Building Student Portfolio Websites is an agent skill from Zhao-yuanpu/college-student-resume-website-mcp. Use when building or improving a student portfolio or personal resume website with approved visual references, responsive motion, static-file compatibility, or GitHub Pages delivery.

Its SKILL.md is about 420 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Development. It works with GitHub and Git. The repository describes itself as: Codex skill for building and delivering student portfolio and personal resume websites. The licence is MIT.

When your agent uses it

  • Improving a student portfolio
  • Personal resume website with approved visual references
  • Responsive motion
  • Static-file compatibility

Example prompts

  • “/building-student-portfolio-websites”

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. 定位真正的 Git 仓库、入口文件、构建脚本、生成产物和部署方式;不要根据外层文件夹名猜路径。
  2. 搜索已确认设计、内容来源、隐私要求和 README 中的交付约束。若设计稿在仓库外,也要纳入检查。
  3. 查看 git status --short,记录已有删除、修改和未跟踪文件;它们默认不属于本次任务。
  4. 说明假设与成功标准。已有确认稿时做忠实实现;没有确认方向时先给少量方案,得到同意再编码。

What it can do on your machine

Read from SKILL.md and the folder at commit dfd3c3d. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • git

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Building Student Portfolio Websites loads about 415 tokens when it runs. Until then it costs about 55 tokens; SKILL.md has 82 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~55
When it runs · the whole SKILL.md, loaded when a task matches
~415

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from Zhao-yuanpu/college-student-resume-website-mcp at commit dfd3c3d, republished under its MIT licence (© Zhao-yuanpu). 82 words, ~415 tokens.

Download SKILL.mdSave it as .claude/skills/building-student-portfolio-websites/SKILL.md (or your agent's skills folder).
name
building-student-portfolio-websites
description
Use when building or improving a student portfolio or personal resume website with approved visual references, responsive motion, static-file compatibility, or GitHub Pages delivery.

构建大学生个人简历网站

核心原则

把用户确认的内容与设计稿当作视觉事实,把实际文件树当作技术事实。先查证,再做最小改动;编辑、提交、推送和部署是不同权限。

MCP 工具

当 inspect_project、apply_patch、run_checks、commit_changes、push_changes 和 verify_github_pages 可用时,优先使用它们执行本 skill 的受控工作流。每次写入先预览,获得对应阶段授权后再执行;MCP 不替代设计判断,也不扩大用户对编辑、提交、推送或部署的授权。

开始前

  1. 定位真正的 Git 仓库、入口文件、构建脚本、生成产物和部署方式;不要根据外层文件夹名猜路径。
  2. 搜索已确认设计、内容来源、隐私要求和 README 中的交付约束。若设计稿在仓库外,也要纳入检查。
  3. 查看 git status --short,记录已有删除、修改和未跟踪文件;它们默认不属于本次任务。
  4. 说明假设与成功标准。已有确认稿时做忠实实现;没有确认方向时先给少量方案,得到同意再编码。

实现约束

  • 复用现有组件、样式、动效入口和已安装依赖。不要借“优化”重做相邻页面。
  • 不添加确认稿中没有的通用装饰、章节轨道、计数器或箭头。个人经历、奖项和联系方式只能来自用户证据,并持续满足隐私要求。
  • React 动效优先修改现有动效所有者;使用 transform/opacity,清理 scope、observer 和监听器,并支持 prefers-reduced-motion。
  • hover 信息也必须能通过键盘 focus 获取;触屏端不得依赖永久 hover。保持可见焦点与足够对比度。
  • 若网站承诺可直接打开 index.html,使用相对资源路径并实际验证 file://;不要只验证开发服务器。

最小验收矩阵

范围必查项
自动化现有测试通过,生产构建成功,生成产物已更新
视觉桌面与约 390px 手机,对照确认稿而非主观判断
交互hover、focus、键盘、触屏、减少动态效果
运行控制台无新增错误或警告;目标入口与资源可加载
Git只显式暂存本次文件,检查暂存差异与空白错误

非平凡逻辑至少留下一个能因回归而失败的最小检查。验证失败时修根因,不通过改测试掩盖问题。

提交与发布

只有获得相应授权才执行 commit、push 或部署。提交前确认暂存范围;认证失败时恢复正常凭据,不强推。

“发布到 GitHub”不自动等于“部署网站”。若用户明确要求 GitHub Pages,上线完成必须同时满足:远端分支含目标提交、Pages 构建成功、线上 HTTP 可访问、预期标题或新内容存在。报告每一阶段结果,并列出保留在工作树中的无关改动。

常见错误

  • 在仓库外运行 Git:先定位 .git 边界。
  • 假设组件路径:先列出真实源码树并查找调用者。
  • 广泛暂存:按文件暂存,保留用户原有工作。
  • 只看整站风格:逐页对照已批准构图。
  • 本地构建成功就宣称上线:继续验证远端、部署状态和线上内容。

© Zhao-yuanpu, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in building-student-portfolio-websites of Zhao-yuanpu/college-student-resume-website-mcp.

Open the folder on GitHubat commit dfd3c3d

Compare with similar skills

Building Student Portfolio Websites next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Building Student Portfolio Websites compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Building Student Portfolio Websites this skillZhao-yuanpu/college-student-resume-website-mcp105—~415Automated safety check: PassMIT
Contributor-First PR MergeHKUDS/OpenHarness16k1 repos~847Automated safety check: PassMIT
Create Pull Requestcline/cline70k1 repos~1.6kAutomated safety check: PassApache-2.0
Pull Request Title and Body Writeropeninterpreter/openinterpreter69k2 repos~1.1kAutomated safety check: PassApache-2.0
Draft Release Notesjamiepine/voicebox57k—~941Automated safety check: PassMIT
PR Review State Fetchprisma/orm48k—~767Automated safety check: PassApache-2.0

Similar skills

  • Merges external GitHub pull requests while keeping the original author credited, and fixes conflicts after the merge instead of rewriting the contribution.

    16k GitHub starsUsed in 1 repo~847 tokens
    DevelopmentAuto-check passed
  • Opens a GitHub pull request from your current branch with the gh CLI, after reviewing the commits and diff and gathering the details the PR needs.

    70k GitHub starsUsed in 1 repo~1.6k tokens
    DevelopmentAuto-check passed
  • Pull Request Title and Body Writer

    openinterpreter/openinterpreter

    Rewrites the title and body of one or more pull requests with gh, leading with why the change was made, then what changed, and describing only the net result.

    69k GitHub starsUsed in 2 repos~1.1k tokens
    DevelopmentAuto-check passed
  • Draft Release Notes

    jamiepine/voicebox

    Writes or refreshes the Unreleased section of CHANGELOG.md as a themed narrative built from the commits, PRs and diff since the last version tag.

    57k GitHub stars~941 tokensUpdated 4 days ago
    DevelopmentAuto-check passed
  • Official

    Fetches a pull request's canonical review state as JSON, validates it, and renders markdown, a text summary and triage target files from it using bundled scripts.

    48k GitHub stars~767 tokensUpdated yesterday
    DevelopmentAuto-check passed
  • Publishes curated, bilingual release notes for an existing Mole version tag with gh release edit, including contributor thanks and reactions, after the release workflow finishes.

    70k GitHub stars~1.9k tokensUpdated today
    DevelopmentAuto-check passed

Works with

Categories

Questions about Building Student Portfolio Websites

What does Building Student Portfolio Websites do?

A skill your agent uses when building or improving a student portfolio or personal resume website with approved visual references, responsive motion, static-file compatibility, or GitHub Pages…. Building Student Portfolio Websites is an agent skill from Zhao-yuanpu/college-student-resume-website-mcp. Use when building or improving a student portfolio or personal resume website with approved visual references, responsive motion, static-file compatibility, or GitHub Pages delivery.

When should I use Building Student Portfolio Websites?

Building Student Portfolio Websites fits situations like: improving a student portfolio; personal resume website with approved visual references; responsive motion; static-file compatibility.

How do I install Building Student Portfolio Websites in Claude Code?

Run `npx skills add Zhao-yuanpu/college-student-resume-website-mcp --skill building-student-portfolio-websites -a claude-code`. Or copy the skill folder (building-student-portfolio-websites in Zhao-yuanpu/college-student-resume-website-mcp) into .claude/skills/building-student-portfolio-websites in your project. Claude Code loads it when a task matches its description.

How do I install Building Student Portfolio Websites in Codex?

Run `npx skills add Zhao-yuanpu/college-student-resume-website-mcp --skill building-student-portfolio-websites -a codex`. Or copy the skill folder (building-student-portfolio-websites in Zhao-yuanpu/college-student-resume-website-mcp) into .agents/skills/building-student-portfolio-websites in your project. Codex loads it when a task matches its description.

Can I use Building Student Portfolio Websites in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Zhao-yuanpu/college-student-resume-website-mcp --skill building-student-portfolio-websites -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/building-student-portfolio-websites, .gemini/skills/building-student-portfolio-websites, .github/skills/building-student-portfolio-websites and .opencode/skills/building-student-portfolio-websites in your project.

What does Building Student Portfolio Websites need to run?

Going by SKILL.md and its folder, Building Student Portfolio Websites needs the command-line tools its instructions call (git).

Does Building Student Portfolio Websites access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Building Student Portfolio Websites safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Building Student Portfolio Websites use?

Building Student Portfolio Websites is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Building Student Portfolio Websites use?

About 415 tokens (SKILL.md is roughly 1.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Building Student Portfolio Websites?

Skills that share tags, products or a category with Building Student Portfolio Websites: Contributor-First PR Merge (HKUDS/OpenHarness, 16k stars), Create Pull Request (cline/cline, 70k stars), Pull Request Title and Body Writer (openinterpreter/openinterpreter, 69k stars) and Draft Release Notes (jamiepine/voicebox, 57k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Building Student Portfolio Websites?

Zhao-yuanpu (a GitHub user) maintains it in Zhao-yuanpu/college-student-resume-website-mcp, which has 105 GitHub stars. The repository was last updated on September 10, 2026.

Source: Zhao-yuanpu/college-student-resume-website-mcp on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.