菜单
Work on the Jenny Tang React+Vite portfolio site: edit content, routes, per-project pages, styles, and mandatory documentation sync. Use when modifying this portfolio repo, adding projects, changing homepage sections, or when the user mentions AGENTS.md, USAGE_GUIDE, or portfolio documentation.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/huyquocvq-lang/portfolio --skill portfolio-site命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
基于 SOC 职业分类
| name | portfolio-site |
| description | Work on the Jenny Tang React+Vite portfolio site: edit content, routes, per-project pages, styles, and mandatory documentation sync. Use when modifying this portfolio repo, adding projects, changing homepage sections, or when the user mentions AGENTS.md, USAGE_GUIDE, or portfolio documentation. |
After any code change, update docs per the mapping table in USAGE_GUIDE.md.
Tell the user which doc files you updated.
docs/CONTENT_SOURCE.md)CONTENT_SOURCE.md and runtime files (src/data/*, src/projects/*)CONTENT_SOURCE.md| Content | File |
|---|---|
| Profile, contact | src/data/profile.js |
| Hero + impact numbers | src/data/stats.js |
| About | src/data/about.js |
| Skills | src/data/skills.js, src/data/skillIcons.js |
| Project cards | src/data/projects.js |
→ Update docs/FEATURE_MAP.md for affected features.
src/projects/<Name>Project.jsxsrc/styles/projects/<name>.cssProjectShell + matching slug prop→ Update docs/FEATURE_MAP.md for that project.
src/data/projects.js — { slug, link: '/projects/<slug>', ... }src/projects/NewProject.jsx + src/styles/projects/new-project.csssrc/App.jsx — <Route path="/projects/<slug>" element={<NewProject />} />public/images/projects/<slug>.jpgFEATURE_MAP.md, ARCHITECTURE_OVERVIEW.md, AI_AGENT_GUIDE.md, FULL_DOCUMENTATION.md, API_FLOW.md, AGENTS.md if routes changeprojects.js slug === App.jsx path segment === ProjectShell slug prop
projects.js link === '/projects/' + slug
getAllProjects() order === prev/next pager order
npm install && npm run dev
motion.div typos (no framer-motion)href="#work" on project pages → use href="/#work" or <Link to="/#work">projects.js for long case study body (content lives in src/projects/*.jsx)