菜单
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.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Work on the Jenny Tang React+Vite portfolio: homepage data, routes, per-project pages, styles, and mandatory doc sync. Use when editing this repo, adding a project, changing Hero/Nav/projects, or when the user mentions AGENTS.md, USAGE_GUIDE, or portfolio documentation. Invoke with /portfolio-site.
Enforce documentation updates after code changes in the Jenny Tang portfolio repo. Use whenever editing src/, package.json, vite.config.js, routes, or public/images paths. Invoke with /sync-documentation before closing a task to verify docs match code.
| 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)