skills.guanliai
场景做法全部 skill组合
中EN
场景做法全部 skill组合

skills.guanliai.com

按场景组织的 AI 做法库:用哪些 skill、怎么装、怎么提示、会踩什么坑。

场景做法全部 skill组合

国内平台

  • CodeBuddy
  • Trae
  • 通义灵码
  • Qoder
  • 文心快码
  • CodeGeeX
  • MarsCode
  • 腾讯云 AI 助手
  • Fitten Code

国外平台

  • Claude Code
  • OpenAI Codex
  • Cursor
  • Windsurf
  • Gemini CLI
  • Cline / Roo Code
  • OpenCode
  • GitHub Copilot
  • Kiro
  • OpenClaw
  • VS Code
skills.guanliai.com · Agent Skill Directory数据来自 GitHub · Next.js + MySQL
首页全部 skill

全部 skill

共 625 个 skill · 数据来自 GitHub 与精选合集,每日更新

分类

精选

国内

国外

标签

语言

共 625 个 skill

frontend-design

anbeime/skill/skills/frontend-design/frontend-design

设计

网页与数字界面设计师在构建Web页面或应用组件时,若受够了千篇一律的AI味设计,请用此技能。

CursorClaude Code
92.5k +92.5k详情
原始来源 / nexu-io/open-design

超大光标技法

heygen-com/hyperframes/.agents/skills/oversized-cursor

开发工具

HyperFrames 发布视频的居家风格超大 macOS 光标技法。当场景涉及光标或指针引导动作、开启 UI 场景、用点击点燃 morph/转场/打字序列,或场景显得静态、死板、陈旧需要廉价的高收益运动源来牵引观众视线并将其从陈旧状态中切分出来时使用。涵盖光标尺寸与外观(含品牌母题光标)、离屏入场法则、尖端定位与点击轻触、点击点燃下一节拍,以及跨场景出场与交接。

CursorWindsurf
43.0k +43.0k详情

更新日志视频

heygen-com/hyperframes/.agents/skills/changelog-video

开发工具

将每周更新日志 .md 转为成品品牌更新日志视频(方形 1080、约 45-60 秒、Annie 配音、动画品牌背景、模拟 UI 可视化、低调字幕)。当用户提供更新日志或摘要 Markdown 并想要周视频,或说“更新日志视频”时使用。自包含——字体、背景、词汇表与脚本均随本技能提供。

Cursor
43.0k +43.0k详情

运动法则

heygen-com/hyperframes/.agents/skills/motion-doctrine

开发工具

GATEWAY——在编排任何 HyperFrames 动画或视频前首先加载。让多场景视频感觉像一次连续运镜而非一堆各自独立动画的高层运动法则。涵盖向量法则(如何退出决定如何进入,含 Z 缩放符号规则)、影片的 current、载体元素、因果运动、Seam Gate(构建门控强制)、禁用闲置抖动(运动必须“表演”而非“呼吸”)、高潮前的静止,以及持续运动路线。路由到底层技法技能(cut-the-curve——完整目录含 waterfall entry 与 nudge curve、oversized-cursor、seam-craft)。这些规则优先于通用或上游运动指引。

CursorWindsurf
43.0k +43.0k详情

动态图形

heygen-com/hyperframes/skills/motion-graphics

开发工具

动态图形相关指引。

CursorGemini CLI
43.0k +43.0k详情

文档查阅

affaan-m/ECC/skills/documentation-lookup

自动化流程

通过 Context7 MCP 取用库与框架的最新文档,而不是依赖模型训练数据。涉及环境搭建、API 参考、代码示例,或用户点名某个框架时触发。

CursorClaude CodeOpenAI Codex
252.1kJavaScript详情

MCP 服务开发模式

affaan-m/ECC/skills/mcp-server-patterns

自动化流程

用 Node/TypeScript SDK 构建 MCP 服务:工具、资源、提示词、Zod 校验,以及 stdio 与 Streamable HTTP 的取舍。适合开发与调试 MCP 服务时查阅。

CursorClaude CodeMCP 客户端
252.1kJavaScript详情

产品能力拆解

affaan-m/ECC/skills/product-capability

自动化流程

把 PRD 意图、路线图诉求或产品讨论翻译成可实现的能力方案,先暴露约束、不变量、接口与待定决策,再开始跨服务开发。

CursorClaude CodeOpenAI Codex
252.1kJavaScript详情

统一记忆库

affaan-m/ECC/skills/unified-memory

自动化流程

通过本地 ECC 记忆库,在 Claude、Codex、Hermes、Cursor、OpenCode 等智能体之间共享可查看的上下文与交接记录。适合保存工作状态、接手他人任务或检索共享项目知识。

CursorClaude CodeOpenAI Codex
252.1kJavaScript详情

JPA 实践模式

affaan-m/ECC/skills/jpa-patterns

自动化流程

Spring Boot 下的 JPA/Hibernate 模式:实体设计、关联关系、查询优化、事务、审计、索引、分页与连接池。适合设计实体关联,或排查慢查询、事务与 N+1 问题。

CursorWindsurf
252.1kJavaScript详情

PostgreSQL 实践模式

affaan-m/ECC/skills/postgres-patterns

自动化流程

PostgreSQL 模式实践:查询优化、schema 设计、索引与安全,基于 Supabase 最佳实践。适合设计表结构与索引、配置 RLS,或排查慢查询。

Cursor
252.1kJavaScript详情

无障碍设计

affaan-m/ECC/skills/accessibility

自动化流程

按 WCAG 2.2 AA 级设计、实现与审计无障碍产品。适合构建或审查需要满足 AA 级的界面,或检查键盘操作、对比度与读屏支持。

Cursor
252.1kJavaScript详情

ECC 使用指南

affaan-m/ECC/skills/ecc-guide

自动化流程

先读取仓库里实时的 agent、skill、命令、钩子、规则与安装配置,再回答 ECC 的用法与项目接入问题。

CursorClaude CodeOpenCode
252.1kJavaScript详情

活文档治理

affaan-m/ECC/skills/living-docs-governance

自动化流程

防止长期项目的文档腐烂:给既有文档分派「宪法 / 地图 / 状态 / 历史」角色,并让当前智能体宿主指向这些权威来源。适合文档与代码脱节、会话间丢上下文、删掉的东西又被反复加回来时。

CursorClaude CodeOpenAI Codex
252.1kJavaScript详情

Prisma 模式

affaan-m/ECC/skills/prisma-patterns

自动化流程

TypeScript 后端的 Prisma ORM 模式:schema 设计、查询优化、事务、分页,以及若干关键坑(updateMany 只返回计数、$transaction 超时、migrate dev 会重置库、批量写不更新 @updatedAt、Serverless 连接耗尽)。

Cursor
252.1kJavaScript详情

UI 演示录制

affaan-m/ECC/skills/ui-demo

自动化流程

用 Playwright 录制精致的 UI 演示视频,输出带可见光标、节奏自然的 WebM,适合做产品演示、走查或教程。

Cursor
252.1kJavaScript详情

Redis 模式

affaan-m/ECC/skills/redis-patterns

自动化流程

Redis 的数据结构模式、缓存策略、分布式锁、限流、发布订阅与连接管理,也需要评审 key 设计时可用。

Cursor
252.1kJavaScript详情

MySQL 模式

affaan-m/ECC/skills/mysql-patterns

自动化流程

生产后端里的 MySQL 与 MariaDB 模式:schema、查询、索引、事务、主从复制与连接池。

Cursor
252.1kJavaScript详情

动效模式

affaan-m/ECC/skills/motion-patterns

设计

React/Next.js 的生产级动画模式:按钮、弹窗、Toast、错峰、页面转场、退出动画、滚动与布局,全部建立在 motion-foundations 的 token 与弹簧之上。

Cursor
252.1kJavaScript详情
动效动画

高级动效

affaan-m/ECC/skills/motion-advanced

自动化流程

React/Next.js 的高级动效模式:拖拽、手势、文字动画、SVG 路径绘制、自定义 hook、命令式序列、加载动画与完整的 API 决策树。依赖 motion-foundations。

Cursor
252.1kJavaScript详情
svg动效动画

Django 验证环

affaan-m/ECC/skills/django-verification

自动化流程

Django 项目的验证闭环:迁移检查、代码检查、带覆盖率的测试、安全扫描与发布就绪检查。

Cursor
252.1kJavaScript详情

REST API 设计

affaan-m/ECC/skills/api-design

自动化流程

生产级 REST API 设计模式:资源命名、状态码、分页、过滤、错误响应、版本管理与限流。适合设计或评审接口、命名与分页方案。

Cursor
252.1kJavaScript详情

everything-claude-code 约定

affaan-m/ECC/.agents/skills/everything-claude-code

自动化流程

everything-claude-code 项目的开发约定与模式:JavaScript 项目,采用约定式提交。

CursorClaude CodeKiro
252.1kJavaScript详情

方案画布

affaan-m/ECC/skills/plan-canvas

自动化流程

在本地浏览器画布里打开方案与 HTML 产物,让人直接在页面上圈注、对话、通过或提出修改。适合评审方案,或「把这个挪过去、把那个改掉」这类指着说比打字更快的反馈。

CursorClaude CodeOpenAI Codex
252.1kJavaScript详情
…
跳至页