# 前端开发技能集合

`前端开发` `Agent Skills` `设计实现` `组件库` `Figma`

# Zakiy 的技能集

一个精心整理的 [Agent Skills](https://agentskills.io/home) 集合，专注于前端开发与设计实现，汇集了构建现代 Web 界面的最佳实践与专业知识。

## 安装

```bash
npx skills add ahmadzakiy/skills --skill 'pixel'
```

或全局安装所有技能：

```bash
npx skills add ahmadzakiy/skills --skill 'pixel' -g
```

更多 CLI 用法请参阅 [skills](https://github.com/vercel-labs/skills)。

## 技能列表

| 技能 | 描述 |
| ---- | ---- |
| [pixel](skills/pixel) | Pixel 设计系统实现，包含组件、设计令牌和样式规范的完整参考文档 |
| [figma-implement-design](skills/figma-implement-design) | 将 Figma 设计稿转化为代码，弥合设计与开发之间的鸿沟，由 Figma 出品 |
| [frontend-design](skills/frontend-design) | 前端设计技能，包含完整文档与最佳实践，由 Anthropic 出品 |

## 许可证

MIT