跳转至

Skills 收藏

收藏值得关注或以后可能使用的 AI Agent Skills。

UI UX Pro Max

  • 项目地址:nextlevelbuilder/ui-ux-pro-max-skill
  • 用途:为 AI 编程助手提供 UI/UX 设计建议,包括界面风格、配色、字体、布局、交互、无障碍和设计系统。
  • 支持范围:支持 Web、桌面和移动端的多种技术栈,包括 Jetpack Compose、SwiftUI、Flutter 和 React Native。
  • Android 适用性:适合辅助设计和实现 Jetpack Compose 界面,尤其适合 Material 3 主题、页面布局和交互体验;不适合替代完整的 Android 开发 Skill,也不以传统 XML/View、Gradle 构建或业务架构为重点。
  • 使用建议:用于 Compose UI 开发时,应在提示词中明确指定 Kotlin、Jetpack Compose 和 Material 3,并结合 Android 官方规范检查触控尺寸、无障碍、WindowInsets 和自适应布局。

Emil Kowalski Skills

  • 项目地址:emilkowalski/skills
  • 用途:一套面向设计工程师的界面动效 Skills,用于改善动画决策、手势反馈、组件质感和界面细节,减少生硬或过度的动画。
  • 包含内容:emil-design-eng 提供综合设计与动效规则;review-animations 审查现有动画;improve-animations 生成项目级改进计划;find-animation-opportunities 寻找值得添加动画的位置;animation-vocabulary 提供动效术语;apple-design 总结 Apple 的流畅交互原则。
  • 适用范围:主要面向 Web、React、CSS、Motion/Framer Motion、Pointer Events 和 Web Animations API,适合打磨已有界面。
  • Android 适用性:动画频率、即时反馈、弹簧运动、手势连续性和可中断动画等理念可以用于 Android 设计,但实现代码不是 Jetpack Compose API,只适合作为设计参考。
  • 使用建议:Web 项目可与 UI UX Pro Max 配合使用——UI UX Pro Max 负责整体设计系统,Emil Kowalski Skills 负责动画和交互细节。

Matt Pocock Skills

  • 项目地址:mattpocock/skills
  • 用途:一套强调真实软件工程实践的组合型 Skills,通过小型、可组合的工作流帮助 AI 澄清需求、制定规格、实施开发、验证代码和控制项目复杂度,而不是只追求快速生成代码。
  • 核心能力:grill-with-docs 深入澄清需求并维护领域文档;to-spec、to-tickets 和 wayfinder 整理规格与任务;tdd、diagnosing-bugs、implement 和 prototype 负责开发验证;codebase-design、domain-modeling 和 improve-codebase-architecture 改善架构;此外还包括 code-review、research、handoff 和 Issue 管理等能力。
  • Android 适用性:大部分工作流与语言和框架无关,适合 Android 项目的需求分析、TDD、故障诊断、模块设计、代码审查和技术调研;但不提供具体的 Kotlin、Compose、Gradle 或 Android API 知识,需要与 Android 专项 Skills 配合。
  • 使用前提:完整工程套件通常需要先运行 setup-matt-pocock-skills,配置 Issue Tracker、文档目录和领域模型;部分 Skills 会使用后台 Agent、并行子 Agent、GitHub/GitLab Issue 或本地 Markdown 工单。
  • 使用建议:优先使用 grill-with-docs、diagnosing-bugs、tdd、code-review、codebase-design、research 和 handoff。它适合长期维护的项目,但对于简单修改或一次性 Demo 可能过重。

Oh My Pi(OMP)

  • 项目地址:can1357/oh-my-pi
  • 类型说明:它不是单独的 Skill,而是一套完整的开源 AI 编程 Agent/Harness,与 Codex CLI、Claude Code、Aider 和 OpenCode 属于同类工具;项目基于 badlogic/pi-mono 二次开发。
  • 核心能力:支持 40 多种模型提供商,内置代码搜索与编辑、LSP、DAP 调试、并行子 Agent、代码审查、Git/GitHub、浏览器自动化、网页搜索、记忆、会话恢复和 ACP 编辑器接入。
  • 规则兼容:可以直接读取 AGENTS.md、Cursor Rules、Cline Rules 和 Copilot 指令等现有项目规则,也提供自己的 Skill 与动态规则机制。
  • Android 适用性:可以执行 Gradle、处理 Kotlin/Java 代码并结合语言服务器工作,但不是 Android 专用工具;ADB、Jetpack Compose、AGP 升级和设备测试等流程仍需 Android 专项 Skills 或项目规则补充。
  • 使用建议:适合需要多模型切换、深度定制、LSP/DAP 和复杂 Agent 编排的开发者。可先选取同一个 Android 小任务与 Codex 做对比测试,再决定是否作为主力工具;README 中的性能数据属于项目方测试结果,应结合实际项目验证。

Make Interfaces Feel Better

  • 项目地址:jakubkrehel/make-interfaces-feel-better
  • 用途:专注于界面最后一层质感的 UI 设计工程 Skill,用于检查和改善排版、圆角、阴影、图标、点击区域、动画和交互状态等细节。
  • 核心原则:包括嵌套圆角的同心关系、光学对齐、用阴影表达层次、交互动画可中断、进入动画分段错峰、退出动画克制、动态数字使用等宽数字、避免 transition: all 和谨慎使用 will-change。
  • 审查模式:支持 quick 和 full 两种模式;审查结果会列出问题严重程度、准确代码位置、修改前后建议、原因、验证结果、被否决的候选方案,并给出 Approve、Needs changes 或 Block 结论。
  • 文件结构:主目录包含 SKILL.md 以及 typography.md、surfaces.md、animations.md、icons.md、performance.md 五份参考文档,不能只复制主文件,否则会丢失详细规则。
  • 适用范围:主要面向 Web、React、CSS、Tailwind 和 Motion/Framer Motion;它更像现有界面的精修检查表,而不是完整的产品设计系统或通用开发流程。
  • Android 适用性:光学对齐、动效克制、图标重量和嵌套圆角等理念可以迁移到 Jetpack Compose,但 Web 代码不能直接使用;触控区域应按 Android/Material 规范优先使用至少 48×48dp,不能机械照搬 Web 的 44×44px 建议。
  • 使用建议:可与 UI UX Pro Max 配合——前者负责整体视觉和设计系统,本 Skill 负责实现后的细节审查;也可与 Emil Kowalski Skills 配合,分别覆盖界面精修和动效设计。