carrotskin/README.md

# 🥕 CarrotSkin

新一代现代化Minecraft Yggdrasil皮肤站，为创作者打造的专业皮肤管理平台。

## ✨ 项目特色

### 🎨 现代化设计
- **清新橘色主题**：温暖的橙色渐变配色方案，营造舒适的视觉体验
- **玻璃态效果**：使用backdrop-filter实现现代化的毛玻璃效果
- **流畅动画**：基于Framer Motion的丝滑动画和交互效果
- **响应式布局**：完美适配桌面端、平板和移动设备

### 🔧 技术栈
- **Next.js 16**：最新的React框架，支持App Router
- **TypeScript**：类型安全的开发体验
- **Tailwind CSS v4**：现代化的CSS框架，支持自定义主题
- **Framer Motion**：专业级动画库
- **Heroicons**：精美的图标系统

### 🚀 核心功能

#### Yggdrasil API支持
- 完整的Minecraft Yggdrasil认证系统
- 安全可靠的API接口
- 支持第三方启动器集成

#### 皮肤管理
- 无限皮肤存储空间
- 3D皮肤预览功能
- 多角色管理系统
- 皮肤版本控制

#### 社区功能
- 皮肤分享和发现
- 用户关注和互动
- 皮肤收藏和点赞
- 评论和评价系统

#### 现代化体验
- 拖拽上传皮肤
- 实时预览效果
- 批量管理操作
- 智能搜索筛选

## 🎯 页面结构

### 主页 (/) 
- 现代化英雄区域展示
- Yggdrasil特色功能介绍
- 统计数据展示
- 行动召唤区域

### 皮肤库 (/skins)
- 网格化皮肤展示
- 高级搜索和筛选
- 分类标签系统
- 排序和分页功能

### 个人中心 (/profile)
- 用户信息管理
- 角色和皮肤管理
- 账户设置
- API密钥管理

## 🛠️ 开发环境

### 安装依赖
```bash
npm install
```

### 启动开发服务器
```bash
npm run dev
```

### 构建生产版本
```bash
npm run build
```

## 🎨 设计亮点

### 视觉层次
- 使用不同深浅的橙色创建视觉层次
- 渐变背景增强深度感
- 阴影效果营造立体感

### 交互体验
- 鼠标跟随效果
- 滚动视差动画
- 悬停状态反馈
- 加载动画效果

### 现代化元素
- 圆角卡片设计
- 渐变按钮效果
- 玻璃态导航栏
- 响应式断点优化

## 🔮 未来规划

### 即将推出
- 3D皮肤编辑器
- 皮肤模板系统
- 高级统计分析
- 移动端APP

### 长期目标
- AI皮肤生成
- 皮肤交易市场
- 创作者激励计划
- 国际化支持

## 🤝 贡献指南

欢迎提交Issue和Pull Request来帮助我们改进项目！

## 📄 许可证

MIT License - 详见 [LICENSE](LICENSE) 文件

---

**CarrotSkin** - 让Minecraft皮肤管理变得简单而优雅 🥕