AgentSkillsCN

website-context

网站部项目上下文。技术栈、目录结构、常用命令、数据来源。当在个人网站项目工作时触发。

中文原作
SKILL.md
--- frontmatter
name: website-context
description: 网站部项目上下文。技术栈、目录结构、常用命令、数据来源。当在个人网站项目工作时触发。

网站部项目上下文

📍 项目：~/Downloads/personal_site/
🎯 定位：一人集团 网站部
🔧 职责：个人网站开发与维护

部门职责

负责：

  • •✅ Next.js 页面 + React 组件开发
  • •✅ Tailwind CSS 样式
  • •✅ Markdown 内容管理
  • •✅ SEO 优化
  • •✅ Vercel 部署

不负责：

  • •❌ 简历内容撰写（总部 → content/resume-source/）
  • •❌ 档案材料管理（总部 → public/archives/）

技术栈

  • •Next.js 14+
  • •React 18+
  • •TypeScript
  • •Tailwind CSS
  • •MDX

目录结构

code
personal_site/
├── app/                    # Next.js 页面
├── components/             # React 组件
├── content/                # 内容文件
│   ├── blog/               # 博客
│   ├── projects/items/     # 项目
│   ├── research/           # 研究成果
│   ├── about/              # 关于页
│   └── resume-source/      # → 总部软链接
├── public/
│   ├── images/             # 图片
│   └── archives/           # → 总部软链接
├── lib/                    # 工具函数
│   ├── content.ts          # 内容读取
│   ├── seo-config.ts       # SEO 配置
│   └── design-system/      # 设计令牌
└── .cursor/
    ├── PRD.md              # 项目需求
    └── TASKS.md            # 任务列表

数据来源

内容来源链接方式
简历素材~/cursor-shared/personal/resume/软链接 → content/resume-source/
档案扫描件~/cursor-shared/archives/软链接 → public/archives/

常用命令

bash
pnpm dev      # 开发
pnpm build    # 构建
git push      # 部署（Vercel 自动）

快速参考

任务文件
添加页面app/xxx/page.tsx
添加组件components/xxx.tsx
写博客content/blog/xxx.md
添加项目content/projects/items/xxx.md
SEO 配置lib/seo-config.ts
样式变量app/globals.css
Tailwindtailwind.config.ts

开发规范

  1. •组件放在 components/ 下，按原子设计分层
  2. •页面放在 app/ 下，使用 App Router
  3. •内容更新先更新总部，再同步到网站