Skills

给 AI 代理装上设计技能，一句话生成可用的界面代码

开源 free 开发框架

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 6699

维护状态活跃

是否开源是

定价模式 free

项目预览

项目数据

分类开发框架

开发团队MengTo

所属国家

官网地址

GitHubhttps://github.com/MengTo/Skills

定价模式free

价格说明开源免费

访问状态

是否开源是

开源协议MIT

主要语言HTML

技术栈/模型

GitHub 星标★ 6699

30天Star增速

HF 下载量

上线时间2026-02-03 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-10-11

浏览次数0

项目介绍

Skills 是一个面向设计师和开发者的 AI 编程代理技能集合，专为 Codex、Claude、Cursor 等主流 AI 编码工具设计。它解决的核心问题是：AI 编码代理虽然强大，但缺少针对设计工作流和构建流程的专用技能，导致用户每次都要重复编写提示词或手动配置。项目通过提供一套可复用的技能模块，让代理能直接理解设计意图、生成符合规范的界面代码、处理常见的构建任务。核心能力包括：预置的设计与开发技能模板、与多种 AI 代理的即插即用集成、以及社区可扩展的技能结构。项目以 HTML 为主要语言，星标数约 6700，处于成长阶段，适合希望提升 AI 辅助设计到编码效率的团队和个人。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

难度：入门约 10 分钟部署方式：本地安装 6 步

⚠ 该项目 README 未提供完整安装说明，以下步骤为通用流程，请以官方文档为准。

环境要求

已安装并可使用的 AI 编码代理（Codex、Claude、Cursor 等）
本机已安装 git，可访问 GitHub
一个能打开 Markdown 文件的文本编辑器

安装与启动步骤

1克隆技能仓库

把 Skills 仓库下载到本地，后续所有 SKILL.md 都从这里读取。
```
git clone https://github.com/MengTo/Skills.git
```
2进入仓库目录

切换到克隆下来的仓库根目录，确认能看到 README 和 agent-skills 文件夹。
```
cd Skills
```
3查看可用技能列表

codex 目录下按技能名分文件夹，每个文件夹里都有一份 SKILL.md。
```
ls agent-skills/codex
```
4打开旗舰技能说明

先读 Video to Super Prompt，它能把设计录屏转成超详细提示词。
```
cat agent-skills/codex/video-to-superprompt/SKILL.md
```
5把技能交给代理

将 SKILL.md 的内容作为技能或提示词提供给 Codex、Claude 或 Cursor 使用。
6依次实践其余技能

再试 html-to-interaction-prompts、stitched-full-page-capture 等其余技能文件。

关键配置

配置项	必填	说明	示例
`SKILL.md 路径`	是	每个技能对应一份说明文件，内容交给代理执行	`agent-skills/codex/video-to-superprompt/SKILL.md`

如何确认成功

把 SKILL.md 内容交给代理后，能按其说明把录屏或 HTML 页面转化为可复用提示词，即接入成功。

常见问题

Q：支持哪些 AI 编码工具？

A：README 列举了 Codex、Claude、Cursor、Lovable、Aura Build 等；凡是能接受提示词或技能说明的代理都可以用。

Q：需要安装依赖或运行服务吗？

A：不需要。技能以 Markdown 文件形式提供，仓库内没有安装脚本或依赖包，直接阅读并使用即可。

Q：应该从哪个技能开始？

A：README 推荐从旗舰技能 Video to Super Prompt 入手，再依次尝试 HTML 转交互提示词等其余技能。

注意事项

README 没有给出安装命令或版本要求，本教程主要为通用准备动作，实际接入方式取决于你使用的代理。
技能本身是提示词资产，需要自备 Codex、Claude、Cursor 等 AI 编码代理才能产生效果。
多个技能可以组合成循环工作流，例如浏览、截图、参考研究到生成提示词的 Daily UI Inspiration。

核心亮点

预置技能覆盖设计与构建场景，开箱即用，减少重复提示词编写
兼容 Codex、Claude、Cursor 等多个主流 AI 编码代理，集成成本低
社区可扩展的技能结构，方便团队沉淀自己的最佳实践

不足之处

文档和示例目前较简略，新用户上手需要一定摸索
技能质量依赖社区贡献，缺乏统一的审核和版本管理机制

适用场景

设计师用 Cursor 快速把 Figma 设计稿转成前端代码
开发者让 Claude 代理自动完成项目脚手架和组件生成
团队将内部编码规范封装成技能，统一 AI 代理的输出风格

替代项目

awesome-cursorrules、cursor.directory

上一篇：flink-agents

下一篇：dapr-agents