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
キュレーション済みスキル
品質 良好 · 48
v1.0.0
取得
https://deepseekmodel.com/api/download.php?id=huyquocvq-lang-jimmy-portfolio-claude-skills-portfolio-site-skill-md&format=skill
ダウンロード .skill
標準形式。system_prompt と model_config を収録し、任意の Agent で利用可能
.skill ファイルの system_prompt フィールドの実際の内容。
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
このスキルを起動するキーワード。クリックでコピーできます。
このスキルにはトリガーワードがありません。
ダウンロードした .skill に含まれるフィールド。
| フィールド | 説明 |
|---|---|
| format | フォーマット識別子（skill/v1） |
| skill_id | スキル固有 ID |
| name | スキル名 |
| version | バージョン |
| description | 説明 |
| category | カテゴリ（配列） |
| trigger_words | トリガーワード |
| tags | タグ |
| source | ソース |
| source_url | ソース URL（本ページ） |
| exported_at | エクスポート日時（ダウンロード毎） |
| system_prompt | システムプロンプト本文 |
| model_config | モデル設定：provider / model / temperature / max_tokens / top_p |
| examples | サンプル |
| install_guide | 各プラットフォームの導入説明（Coze / Dify / Claude / カスタム） |
