内容
# 🤖 小型智能技能 — Claude 桌面版
> **即插即用的技能文件，让 Claude 桌面版更智能、更快、更自主。**
---
## ✨ 这是什么？
本仓库是为 [Claude 桌面版](https://claude.ai/download) 收集的 **技能文件** — 结构化的 Markdown 指令，教导 Claude 如何精确、一致地处理特定任务。
将技能文件放入 Claude 桌面版配置中，Claude 将自动知道 **何时** 使用它以及 **如何** 执行它 — 就像给 Claude 一个特定任务的迷你操作手册。
---
## 📦 可用技能
| 技能 | 描述 | 范围 |
|---|---|---|
| 🗂️ [项目结算](./project-settlement/SKILL.md) | 精确编辑上传的项目 ZIP 文件，无需读取整个代码库 | PHP, Python/Flask, HTML/JS/CSS |
| 🏗️ [项目创建](./project-creation/SKILL.md) | 从头开始构建新项目，包含适当的结构、配置文件和样板代码 | PHP, Python, HTML/JS/CSS |
| 🎨 [网页设计终极版](./web-design-ultra-pro-max/SKILL.md) | 生成世界级的、具备电影级动画、编辑布局和优质用户体验的网站 — 不再是普通的 AI 生成内容 | 单文件 HTML/CSS/JS 或 React JSX |
> 更多技能即将到来。给仓库加 ⭐ 以保持更新！
---
## 🚀 如何使用
### 步骤 1 — 克隆或下载仓库
```bash
git clone https://github.com/Platypeak/mini-agentic-skills-claude-desktop.git
```
### 步骤 2 — 将 Claude 桌面版指向技能文件夹
打开（或创建）你的 `claude_desktop_config.json` 文件：
- **macOS**: `~/Library/Application Support/Claude/claude_desktop_config.json`
- **Windows**: `%APPDATA%\Claude\claude_desktop_config.json`
添加技能目录，以便 Claude 可以在运行时读取它们：
```json
{
"mcpServers": {
"filesystem": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-filesystem",
"/path/to/mini-agentic-skills-claude-desktop"
]
}
}
}
```
> 将 `/path/to/mini-agentic-skills-claude-desktop` 替换为实际的仓库克隆路径。
### 步骤 3 — 直接与 Claude 对话
一旦加载了技能，Claude 将在你的消息与技能的使用场景匹配时自动触发。无需命令，无需设置 — 只需自然对话。
**示例触发器：**
- *"为我的 SaaS 构建一个登陆页面"* → 触发 `web-design-ultra-pro-max`
- *"创建一个名为 blog-app 的新 PHP 项目"* → 触发 `project-creation`
- *"修复我上传的项目 ZIP 中的登录错误"* → 触发 `project-settlement`
---
## 🧠 技能工作原理
每个技能都是其自身文件夹中的一个 `SKILL.md` 文件。它包含：
- **YAML 前言块** — 告诉 Claude 何时触发技能（名称 + 描述）
- **逐步工作流程** — 告诉 Claude 如何执行任务
- **规则和边缘情况** — 保证 Claude 精确且符合品牌要求
```
mini-agentic-skills-claude-desktop/
│
├── project-settlement/
│ └── SKILL.md ← 处理上传的 ZIP 项目编辑
│
├── project-creation/
│ ├── SKILL.md ← 从头开始构建新项目
│ └── templates/ ← 技能使用的起始模板
│
├── web-design-ultra-pro-max/
│ └── SKILL.md ← 生成优质动画网站
│
└── README.md
```
---
## 🛠️ 技能分解
### 🗂️ 项目结算
精确编辑上传的项目 ZIP 文件中的文件。Claude 只读取需要的内容，应用有针对性的更改，并返回一个干净的 ZIP 文件 — 不会臆造代码库的其他部分。
**触发器：** 上传 ZIP 文件并请求修复、编辑或功能添加。
---
### 🏗️ 项目创建
为新项目构建品牌化的结构、配置文件、`.gitignore`、`README` 和样板代码 — 根据您要求的栈进行定制。
**触发器：** "创建一个新项目"、"构建一个 [框架] 应用"、"设置一个全新的 [语言] 项目"。
---
### 🎨 网页设计终极版
生成完整的、单文件网站，看起来像是顶级创意机构设计的。每个输出都包含：
- 自定义动画光标
- 字词或字符逐一显示的标题动画
- 滚动触发的显示动画（IntersectionObserver）
- 磁性 CTA 按钮
- 跑马灯 / 滚动条
- 视差层
- 响应式移动断点
- 谨慎的色彩调色板（不再是普通的紫色背景）
- 具有实际字符的字体（Playfair、Bebas Neue、Syne 等）
**触发器：** "为我设计一个网站"、"构建一个登陆页面"、"制作一个作品集"、"创建一个产品页面"。
---
## 🤝 贡献
有技能想法吗？欢迎 PR！
1. Fork 仓库
2. 创建一个以技能名称（kebab-case）命名的文件夹
3. 添加一个遵循 YAML 前言格式的 `SKILL.md` 文件
4. 提交一个 PR，并附上简短的描述，说明它做什么以及示例触发器
---
## 📬 作者
由 [@Platypeak](https://github.com/Platypeak) 构建 — PHP 和 Web 开发、自主 AI 工作流爱好者。
---
## ⭐ 表示支持
如果这为您节省了时间，请在仓库上加 ⭐ — 它可以帮助其他人发现它！
