portfolio-site
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.
DeepseekModel
Curated skill
Quality Good · 48
v1.0.0
Get
https://deepseekmodel.com/api/download.php?id=huyquocvq-lang-jimmy-portfolio-claude-skills-portfolio-site-skill-md&format=skill
Download .skill
Standard format with system_prompt and model_config, ready for any agent framework
The actual content of the system_prompt field in the .skill file.
name portfolio-site description 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. Portfolio site workflow Before coding Read AGENTS.md Read docs/USAGE_GUIDE.md (doc sync mapping table) Confirm: React 18 + Vite 5 web SPA - not React Native Mandatory: update docs After any code or config change, update docs per docs/USAGE_GUIDE.md §4.2. List which doc files you updated before finishing. Content source ( docs/CONTENT_SOURCE.md ) Mapping reference only - not bundled in the app On content changes: update CONTENT_SOURCE.md and runtime files ( src/data/* , src/projects/* ) User instructions in chat override CONTENT_SOURCE.md Edit homepage copy 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. Edit one project page JSX: src/projects/<Name>Project.jsx CSS: src/styles/projects/<name>.css Wrap with ProjectShell and matching slug prop Do not collapse into a shared generic template → Update docs/FEATURE_MAP.md for that project. Add a new project src/data/projects.js - { slug, link: '/projects/<slug>', ... } src/projects/NewProject.jsx + src/styles/projects/new-project.css src/App.jsx - <Route path="/projects/<slug>" element={<NewProject />} /> public/images/projects/<slug>.jpg Update: FEATURE_MAP.md , ARCHITECTURE_OVERVIEW.md , AI_AGENT_GUIDE.md , FULL_DOCUMENTATION.md , API_FLOW.md , AGENTS.md if routes change Verify prev/next pager on ProjectShell Invariants projects.js slug === App.jsx path segment === ProjectShell slug prop projects.js link === '/projects/' + slug getAllProjects() order === prev/next pager order Commands npm install && npm run dev Node 18+. Avoid motion.div (no framer-motion in this repo) href="#work" on project pages → href="/#work" or <Link to="/#work"> Long case study body only in projects.js (full copy lives in src/projects/*.jsx ) Reference docs/AI_AGENT_GUIDE.md docs/ARCHITECTURE_OVERVIEW.md
Keywords that activate this skill. Click one to copy it.
This skill does not provide trigger words.
The downloaded .skill package contains the following fields.
| Field | Description |
|---|---|
| format | Format tag (skill/v1) |
| skill_id | Unique skill ID |
| name | Skill name |
| version | Version |
| description | Description |
| category | Categories (array) |
| trigger_words | Trigger words |
| tags | Tags |
| source | Source |
| source_url | Source URL (this page) |
| exported_at | Exported at (set per download) |
| system_prompt | System prompt body |
| model_config | Model config: provider / model / temperature / max_tokens / top_p |
| examples | Examples |
| install_guide | Import guide for Coze / Dify / Claude / custom frameworks |
The same skill can be exported in different platform formats.
