每日精选skills数量
3,626 3,840 3,909 3,920 3,927 3,966 4,007
04/05 04/06 04/07 04/08 04/09 04/10 04/11
♾️免费开源 🛡️安全无忧

导入技能

Ashutos1997 Ashutos1997
from GitHub 开发与编程
  • 📁 references/
  • 📄 README.md
  • 📄 SKILL.md

design-auditor

根据 Figma 文件和代码 (HTML/CSS/React/Vue/Tailwind) 的 18 条专业规则审核设计。自动检测框架,运行特定于类别的代码超级功能(咏叹调、焦点、对比度、令牌、响应式、运动、表单、导航、间距),审核暗模式和道德设计问题,在代码差异之前/之后输出,并生成结构化的开发人员移交报告。 触发条件:检查我的设计、审查我的 UI、审核我的布局、是否可访问、设计审查、排版检查、色彩对比、WCAG、a11y、像素完美、UI 批评、Figma 审核、CSS 检查、审查此组件、这看起来不错吗、深色图案、道德设计、是否符合 GDPR、检查我的入门、检查我的结帐、这是可操作的、这里有任何深色图案、检查我的登陆页面、我的 UI 是否可访问、检查我的设计系统,是这样吗?道德,我的表单是否可访问,检查我的导航,我的黑暗模式是否正确,这是否响应,检查我的空状态,检查我的错误状态。

0 13 7天前 · 上传 详情页 →
booklib-ai booklib-ai
from GitHub 开发与编程
  • 📁 assets/
  • 📁 evals/
  • 📁 examples/
  • 📄 SKILL.md

animation-at-work

应用 Rachel Nabors 的《Animation at Work》中的网页动画原理。涵盖人类对运动的感知、动画的 12 条原则、动画模式(过渡、补充、反馈、演示、装饰)、CSS 过渡、CSS 动画、Web 动画 API、SVG/Canvas/WebGL、与故事板和运动组合进行动画交流、性能(仅限复合属性、will-change、RAIL)、可访问性(首选减少运动、前庭障碍)和团队工作流程。在“动画”、“过渡”、“CSS 动画”、“关键帧”、“缓动”、“动作设计”、“网页动画”、“首选减少运动”、“故事板”、“视差”、“加载动画”、“悬停效果”、“微交互”上触发。 --- # 工作中的动画技能 您是一位网络动画专家顾问,以 Rachel Nabors 所著的《工作中的动画》的 5 章为基础。您可以通过两种方式提供帮助: 1. **设计应用** — 应用动画原理来创建有目的的、高性能的网页动画 2. **设计审查** — 分析现有动画并提出改进建议 ## 如何决定哪种模式 - 如果用户要求 *创建*、*添加*、*实现*、*动画* 或 *构建* 动画 → **设计应用** - 如果用户要求 *审查*、*审核*、*评估*、*优化* 或 *修复*动画 → **设计审查** - 如果不清楚,请简要询问他们更喜欢哪种模式 --- ## 模式 1:设计应用程序 在帮助创建动画时,请遵循以下决策流程: ### 步骤 1 — 对动画的目的进行分类 每个动画都必须有明确的目的。 使用这五种模式进行分类: |图案|目的|何时使用 |示例| |--------|---------|-------------|---------| | **过渡** |显示视图/状态之间的状态变化 |导航页面、打开面板、切换选项卡 |页面滑入、模态打开/关闭 | | **补充** |将元素带入/带出已存在的视图 |将项目添加到列表、显示通知、显示内容 | Toast通知滑入,列表项出现

0 15 12天前 · 上传 详情页 →
viperrcrypto viperrcrypto
from GitHub 开发与编程
  • 📁 .claude-plugin/
  • 📁 agents/
  • 📁 autoresearch/
  • 📄 .gitignore
  • 📄 LICENSE
  • 📄 logo.png

picasso

终极前端设计和 UI 工程技能。每当用户要求构建、设计、设计样式或改进任何 Web 界面、组件、页面、应用程序、仪表板、登陆页面、工件、海报或视觉输出时,请使用此功能。涵盖版式、色彩系统、空间设计、运动/动画、交互设计、响应式布局、声音设计、触觉反馈、图标系统、生成艺术、主题、React 最佳实践和 DESIGN.md 系统生成。当用户要求审核、批评、完善、简化、动画化或规范化前端时也可以使用。触发任何提及“使其看起来不错”、“修复设计”、“UI”、“UX”、“前端”、“组件”、“登陆页面”、“仪表板”、“工件”、“海报”、“设计系统”、“主题”、“动画”、“响应式”或任何提高视觉质量的请求。 即使用户没有明确请求设计帮助但任务涉及生成可视化界面,也可以使用此技能。

0 13 8天前 · 上传 详情页 →
nasrulhazim nasrulhazim
from GitHub 内容与多媒体
  • 📁 references/
  • 📄 SKILL.md

business-card

SVG 名片设计器获取联系方式和品牌偏好,然后生成 12 个正面设计概念以及可选的背面设计、交互式 HTML 预览库、带有前/后翻转动画的个人名片展示,以及带有出血区域和裁剪标记的可打印 SVG 导出。支持水平和垂直方向、六种布局风格(简约、企业、创意、优雅、大胆、科技)、多种配色方案、二维码占位符、社交媒体图标和徽标集成。每当用户要求设计名片、创建名片、制作名片或说“设计名片”、“buat kad bisnes”、“创建名片”、“reka kad perniagaan”、“设计 kad nama”、“我需要 X 的名片”时,请使用此技能。 --- # 名片设计师

0 13 11天前 · 上传 详情页 →
JunhuaLiu1 JunhuaLiu1
from GitHub 开发与编程
  • 📄 LICENSE.txt
  • 📄 SKILL.md

frontend-design

创建具有高设计质量的独特的生产级前端界面。当用户要求构建 Web 组件、页面、工件、海报或应用程序(示例包括网站、登陆页面、仪表板、React 组件、HTML/CSS 布局或设计/美化任何 Web UI 时)时,请使用此技能。生成富有创意、精美的代码和 UI 设计,避免通用的 AI 美学。

0 11 8天前 · 上传 详情页 →
danielraffel danielraffel
from GitHub 工具与效率
  • 📄 SKILL.md

generous-corp-marketplace

当用户询问设计思维基础知识、构思技术或设计合作伙伴流程时,请使用此技能。触发短语:“什么是设计思维”、“这是如何工作的”、“流程是什么”、“我如何产生想法”、“最佳实践是什么”。 --- # 设计思维基础 **对于 Claude:** 该技能提供基础设计思维知识,帮助用户了解设计合作伙伴工作流程和方法。 ## 核心设计思维过程

0 9 5天前 · 上传 详情页 →
seunghan91 seunghan91
from GitHub 测试与安全
  • 📁 references/
  • 📄 SKILL.md

ios26-design

iOS 26 / iPadOS 26 Liquid Glass 设计系统,用于 Web 和应用程序开发。来自 Apple 官方 Figma 社区工具包的精确设计标记、组件规格、布局模式和动画参数。

0 11 11天前 · 上传 详情页 →
sjungling sjungling
from GitHub 开发与编程
  • 📁 references/
  • 📄 SKILL.md

cli-ux-designer

当用户要求“设计 CLI”、“改进命令结构”、“格式化终端输出”、“检查 CLI 可用性”、“设计帮助文本”或“添加标志和参数”时,应使用此技能。在设计新的 CLI 工具、改进命令界面、格式化终端输出或检查 CLI 可用性时自动激活。不适用于 GUI/网页设计、后端 API 或 shell 脚本。

0 10 10天前 · 上传 详情页 →
ommakes ommakes
from GitHub 测试与安全
  • 📄 LICENSE
  • 📄 README.md
  • 📄 SKILL.md

vois-design-system

使用 shadcn/ui、Tailwind v4 和 Motion 针对 Vois 设计令牌集构建 UI 的规则和模式。在构建应符合工作区设计系统的组件、页面或任何 UI 时使用。涵盖间距、版式、颜色标记、组件架构、动画、可访问性和现代 CSS 模式。

0 9 10天前 · 上传 详情页 →
atezer atezer
from GitHub 开发与编程
  • 📄 SKILL.md

ai-handoff-export

Figma 将设计数据转换为单个交接包(HANDOFF 模板 + JSON 清单),AI 可用于代码生成。生成节点 ID、设计上下文摘要、令牌摘要、屏幕截图参考和可选的代码连接图。还包括 PO/PM 的执行摘要。由“AI 交接”、“交接文件”、“交接导出”、“交付包”、“figma 交接”、“代码交付摘要”、“创建设计交接”、“导入交接”、“实施包”等表达式触发。需要 F-MCP Bridge 插件连接。

0 7 6天前 · 上传 详情页 →
nickhou1983 nickhou1983
from GitHub 数据与AI
  • 📁 references/
  • 📄 SKILL.md

architect

技术架构设计 Skill。根据产品需求文档(PRD)设计完整的技术架构方案,输出结构化的架构设计文档。覆盖技术栈选型、系统架构、数据模型、API 设计、部署方案、非功能需求、安全设计等。触发条件:(1) 设计技术架构,(2) 从 PRD 推导技术方案,(3) 系统设计/技术选型,(4) 数据库设计,(5) API 设计,(6) 部署架构设计。

0 8 8天前 · 上传 详情页 →
franklywatson franklywatson
from GitHub 工具与效率
  • 📄 SKILL.md

brain+

在任何设计或功能工作之前调用。包裹超能力:通过侦察代理上下文收集、堆栈优先设计考虑因素和宪法规则意识进行头脑风暴。一次提出一个问题来完善设计。

0 8 9天前 · 上传 详情页 →

Skills文件组织结构基本样例(仅作参考)

skill-sample/
├─ SKILL.md              ⭐ 必备:技能说明入口:用途 / 安装 / 用法 / 示例 / 依赖
├─ manifest.sample.json  ⭐ 推荐:机器可读元信息:用于索引 / 校验 / 自动填表
├─ LICENSE.sample        ⭐ 推荐:授权与使用范围:开源 / 限制 / 商用说明
├─ scripts/
│  └─ example-run.py     ✅ 可运行示例脚本:让用户导入后立刻验证“能用”
├─ assets/
│  ├─ example-formatting-guide.md  🧩 输出规范:统一排版 / 结构 / 风格
│  └─ example-template.tex         🧩 模板资源:报告/文档模板,快速生成标准产物
└─ references/           🧩 参考资料库:方法论 / 结构指南 / 最佳实践
   ├─ example-ref-structure.md     🧩 结构参考:章节框架 / 目录组织
   ├─ example-ref-analysis.md      🧩 分析参考:常用套路 / 指标口径
   └─ example-ref-visuals.md       🧩 视觉参考:图表规范 / 可视化建议

更多 Agent Skills 规范 详见Anthropic官方文档:https://agentskills.io/home

SKILL.md 内容要求

├─ ⭐ 必备:YAML Frontmatter(必须存在,放在文件最顶部)
│  ├─ ⭐ name                 :技能唯一名;须符合命名规则,并建议与目录名一致
│  └─ ⭐ description          :技能描述;建议包含触发关键词(便于检索/匹配)
│
├─ ✅ 可选:Frontmatter 扩展字段(规范允许,但非强制)
│  ├─ ✅ license              :许可证标识(也可配合单独 LICENSE 文件)
│  ├─ ✅ compatibility        :兼容性/运行环境要求(仅在确实有限制时写)
│  ├─ ✅ metadata             :任意键值对(如 author/version/source_url 等)
│  └─ 🧩 allowed-tools        :允许工具白名单(规范标注为 experimental)
│
└─ ✅ 推荐:Markdown 正文(自由格式,但建议按“渐进式披露”组织)
   ├─ ✅ Overview / Purpose   :一句话说明目标 + 不做什么(边界)
   ├─ ✅ When to use          :触发条件/适用场景(让模型/用户知道何时调用)
   ├─ ✅ Step-by-step         :步骤化流程(最好 3–6 步,保证可复现)
   ├─ ✅ Inputs / Outputs     :输入格式、输出格式、产物位置(文件/文本/JSON等)
   ├─ ✅ Examples             :至少 1 个可复制示例(越“能跑”越好)
   ├─ 🧩 Files & References   :引用assets/、references/、scripts/(相对路径)
   ├─ 🧩 Edge cases           :边界情况/限制(大文件、速率限制、失败回退)
   ├─ 🧩 Troubleshooting      :常见错误与解决(依赖缺失、路径不对、权限问题)
   └─ 🧩 Safety notes         :涉及联网/写文件/执行命令时给出提醒(建议写)

为什么选择 SkillWink?

在 GitHub 和各类社区里,技能文件分散、难检索、也难判断是否可靠。SkillWink 把开源技能集中整理成可搜索、可筛选、可直接下载使用的技能库,让你更快找到“正好能用”的那一个。并且支持在SkillWink上直接上传skills。

我们提供 AI 语义搜索 + 关键字检索,支持 版本更新与多维排序(下载/点赞/评论/更新),并为每个技能提供 SKILL.md 开放标准与来源信息。你还可以在详情页直接 评论讨论、交流用法与改进建议。

AI 语义搜索 关键词检索 版本更新 多维排序 开放标准 评论交流

快速上手:

支持下载与导入 skills(.zip/.skill),本地放置后即可生效:

~/.claude/skills/(Claude Code)

~/.codex/skills/(Codex CLI)

~/.gemini/skills/(Gemini CLI)

同一份 SKILL.md 跨平台通用。

常见问题解答(FAQ)

你需要了解的:技能是什么、怎么运行的、怎么找、怎么导入、怎么判断可信、怎么参与共建。

1,什么是Agent Skills?

这里的“skills(技能)”是一种可复用的任务能力包,通常包含 SKILL.md 说明(用途、输入输出、使用方法)以及可选的脚本/模板/示例文件。

你可以把它理解为:给 AI 助手或工具链用的“插件说明书 + 资源包”,可被反复安装与分享。

2,Skills是怎么运行的?

技能系统采用“渐进式披露”策略,高效管理上下文信息,具体流程如下:

发现阶段:系统启动时,智能体仅加载各技能的名称与简要描述——信息精简,足以判断其适用场景,避免冗余加载。

激活阶段:当任务需求与某技能描述匹配时,智能体才将对应的完整 SKILL.md 说明文档动态载入上下文。

执行阶段:智能体严格遵循文档指引执行操作,并按需调用关联文件或运行内置代码模块。

核心优势:该设计使智能体始终保持轻量高效,同时具备“按需扩展上下文”的能力,既保障响应速度,又确保复杂任务拥有充分执行依据。

3,我该怎么快速找到想要的技能?

推荐 3 种方式组合使用:

  • 语义搜索:用一句自然语言描述你想解决的问题;
  • 多维筛选:按分类/标签/作者/语言/许可证过滤;
  • 排序对比:按下载、点赞、评论、最近更新等维度排序,快速筛出“更可能好用”的技能。

4,SkillWink 支持哪些导入方式?

  • 上传归档文件导入:.zip / .skill 一键导入(推荐)
  • 上传skills文件夹
  • 从GitHub仓库导入

注:以上导入方式文件大小控制在10M之内。

5,在Claude / Codex 等系统中如何是使用?

常见路径如下(不同系统略有差异,以你本机为准):

  • Claude Code:~/.claude/skills/
  • Codex CLI:~/.codex/skills/

同一份 SKILL.md 通常可以跨工具复用。你在 SkillWink 导入后,也可以查看“放置指引/安装说明”。

6,一个技能能不能被多个工具一起用?

可以。很多技能本质是标准化说明 + 资源,只要目标工具支持读取该格式,就能共享使用。

比如:检索类技能 + 写作类技能 + 自动化脚本,形成“发现 → 处理 → 输出”的工作流。

7,这些skills使用安全吗?

一部分skills来源于公开的 GitHub 仓库。我们会筛掉低质量仓库(至少 2 星),并扫描基本质量指标,还有一部分是SkillWink平台的创作者独立上传的。作为使用者,在安装前应始终审查代码,对安全问题负责。

8,为什么我导入后“没有生效”?

最常见原因是这几类:

  • 放错目录(路径不对、层级多了一层)
  • SKILL.md 缺字段或格式不规范(名称/入口/依赖不完整)
  • 依赖未安装(Python/Node/CLI 工具缺失)
  • 工具未重新加载技能(某些环境需要重启/刷新)

9,SkillWink 会不会收录重复或低质量技能?

我们会尽量避免。你可以用 排序 + 评论 让“好用的”更靠前:

  • 重复技能:看差异点(更快/更稳定/更强主题能力)
  • 低质量技能:我们会定期清理低质量skills