33 lines
1017 B
Markdown
33 lines
1017 B
Markdown
|
# 前端开发技能集合
|
||
|
|
|
||
|
|
`前端开发` `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
|