MengTo/Agent Skills

MengTo/Agent Skills 是一个专为 Codex、Claude Code、Cursor 等 AI 编码智能体设计的精选技能集合。它旨在将设计灵感、前端工作流和自动化流程转化为可版本化、可复用的 SKILL.md 文件，帮助开发者和设计师构建高质量的用户界面和智能体循环。

该库由知名设计师兼开发者 Meng To 维护，核心理念是“提示即资产”，通过将优秀的提示词、参考素材和操作规范固化为文件，确保 AI 输出的一致性和专业性。

核心功能与亮点

🎥 视觉转代码的高级工作流

• 视频转超级提示 (Video-to-Superprompt)：分析设计演示或动画的屏幕录制视频，生成极其详细的复现提示，供 Fable 5 或其他模型一次性生成高质量 HTML。
• HTML 转交互提示：将现有的 HTML 页面（如 Aura Build 生成的页面）拆解为可重用的提示模块，针对特定区块、动画、悬停状态或 WebGL 效果进行精细化控制。
• 全页截图拼接：解决懒加载和长页面问题，捕获完整的落地页结构，为 AI 提供全局的视觉层次和节奏参考，而非仅限于首屏。

🎨 每日 UI 灵感循环

• 灵感捕获与转化：将浏览优秀落地页的过程自动化，结合截图、动画分析和提示生成，形成闭环的智能体工作流，持续积累设计资产。

🛠️ 广泛的智能体兼容性

• 默认可移植：所有技能均采用纯 Markdown 和文件夹结构，不依赖特定平台。
• 多平台支持：
  • Codex：在行动前加载相关 SKILL.md。
  • Claude Code：通过 CLAUDE.md 引用或直接作为上下文打开。
  • Cursor：指向特定技能文件夹以增强规则。
  • 其他：遵循“阅读技能 -> 遵循步骤”的通用契约。

技能库分类概览

目前库中包含 75 个技能，主要分为以下几类：

设计理念

1. 提示即资产：好用的提示不应是一次性的聊天记录，而应被存储为文件、进行版本管理并构建成库。
2. 规范优于感觉：通过清晰的约束和层次结构，获得比随机生成更一致的输出。
3. 参考优于段落：利用截图和示例代码来传达字体、间距、颜色和布局节奏，比文字描述更精准。
4. 技能即操作程序：优秀的技能文档会明确告诉智能体“何时使用”、“首先做什么”以及“避免哪些陷阱”。

如何使用

1. 克隆仓库：将技能库下载到本地。
2. 集成到智能体：
   • 对于 Claude Code，可以将技能文件夹复制到其 skills 目录，或在对话中引用特定的 SKILL.md。
   • 对于 Cursor，可以在规则设置中指向这些文件夹。
3. 触发技能：在提示词中提及技能名称或让智能体自动发现相关的 SKILL.md，即可按照预设的工作流执行任务。