作品集网站技能
生成专业的作品集网站：英雄区域、项目展示网格、关于部分和联系表单。简洁、排版优雅、极简风格。
元数据
名称： portfolio-site 描述： 生成一个包含英雄、项目展示、关于和联系部分的专业作品集网站。 触发关键词： "作品集", "个人网站", "开发者作品集", "创意作品集", "简历网站"
输入与参数
| 参数 | 类型 | 必填 | 默认值 |
|---|---|---|---|
name | 字符串 | ✓ | — |
tagline | 字符串 | ✓ | — |
projects | 数组 | ✓ | — |
github_url | 字符串 | — | — |
linkedin_url | 字符串 | — | — |
email | 字符串 | — | — |
years_experience | 数字 | — | 3 |
skills | 数组 | — | [] |
项目数组项：
{ title: string; description: string; tags: string[]; url?: string; image?: string }
必需部分（按顺序）
- 导航 — 名称作为标志，链接：项目 / 关于 / 联系
- 英雄区 — 姓名、标语、单行价值主张、社交链接（GitHub、LinkedIn、邮箱）
- 项目网格 — 3列响应式网格，每张卡片包含：标题 + 描述 + 标签 + 链接
- 关于部分 — 2列布局：左侧文本介绍，右侧技能/统计数据
- 联系表单 — 简单表单：姓名、邮箱、消息、提交按钮
- 页脚 — 版权信息 + 社交链接
设计规则
- 单页，完全响应式
- 默认深色模式（使用 DESIGN.md 深色主题令牌）
- 所有链接在新标签页中打开
- 无外部 JS 库
- 所有 CSS 在
<style>块内 - 语义化 HTML5（
<header>、<nav>、<main>、<section>、<footer>）
输出
单个文件：index.html（自包含）
自检清单
- 英雄区标题为姓名，而不是 "欢迎"
- 至少展示 4 个项目
- 社交链接使用 SVG 图标（不使用 emoji）
- 移动端：单列网格
- 联系表单没有损坏的
action属性