vercel-composition-patterns
反应可扩展的组合模式。在通过布尔属性扩散重构组件、构建灵活的组件库或设计可重用的 API 时使用。触发涉及复合组件、渲染道具、上下文提供程序或组件架构的任务。包括 React 19 API 更改。
反应可扩展的组合模式。在通过布尔属性扩散重构组件、构建灵活的组件库或设计可重用的 API 时使用。触发涉及复合组件、渲染道具、上下文提供程序或组件架构的任务。包括 React 19 API 更改。
在撰写博客文章或文档 Markdown 文件时使用 - 提供写作风格指南(主动语态、现在时)、内容结构模式和 MDC 组件使用。超越正确语法的简洁规则。使用 nuxt-content 作为 MDC 语法,使用 nuxt-ui 作为组件属性。
遵循 v20+ 最佳实践创建现代 Angular 独立组件。用于构建具有基于信号的输入/输出、OnPush 更改检测、主机绑定、内容投影和生命周期挂钩的 UI 组件。触发组件创建、重构基于类的信号输入、添加主机绑定或实现可访问的交互式组件。
遵循已建立的可组合模式、shadcn/ui 集成和 Vercel AI SDK 约定,为 ai-elements 库创建新的 AI 聊天界面组件。在packages/elements/src 中创建新组件或用户要求向ai-elements 添加新组件时使用。
使用适当的参数绑定、事件回调、生命周期管理和渲染优化来设计 Blazor 组件。在创建新的 Blazor Server 或 WASM 组件、重构组件层次结构、实现级联值或优化组件渲染性能时使用。
App Router 的组件数据:来自 getPage 的布局数据(或编辑中的 getPreview/getDesignLibraryData)。没有获取组件数据;从路由参数传递站点和区域设置。服务器组件在服务器上下文中使用客户端;客户端组件接收可序列化的属性。在连接组件数据或 BYOC 时使用。
使用 DAUB 构建 UI 时使用,DAUB 是来自 daub.dev 的 CSS 组件库。
通过 SQLcl CLI (Bash) 导出/修补/导入 Oracle APEX 组件。涵盖页面、区域、项目、按钮、流程、DA、验证、LOV、身份验证方案、模板、IR、IG、图表、地图、卡片和所有共享组件。
反应可扩展的组合模式。在通过布尔属性扩散重构组件、构建灵活的组件库或设计可重用的 API 时使用。触发涉及复合组件、渲染道具、上下文提供程序或组件架构的任务。包括 React 19 API 更改。
使用 21st.dev Magic MCP 生成 UI 组件。操作:创建组件、生成 UI、构建界面、设计元素、制作按钮、创建卡片、构建导航栏、生成表单、创建模式、设计布局、创建英雄部分、构建侧边栏、生成表格、创建仪表板小部件。当 21st.dev Magic MCP 工具可用时,触发对精美 UI 组件的请求。
Wix 设计系统组件参考。使用 @wix/design-system 构建 UI、选择组件或检查 props 和示例时使用。触发“什么组件”、“如何制作”、“WDS”、“显示道具”或组件名称(例如按钮、卡片、模态、框、文本)。
使用 Chameleon Web 组件 (ch-*) 构建 UI。当用户提到 Chameleon、ch- 组件或需要企业 UI 模式(例如网格、树、聊天、侧边栏、手风琴、组合、选项卡、对话框或表单)时使用。还可用于:从 Figma 或图像实现 UI、对 UI 进行 Vivi 编码、将现有 UI 迁移到 Chameleon,或审核应用程序中 Chameleon 的使用情况。
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
├─ ⭐ 必备: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 :涉及联网/写文件/执行命令时给出提醒(建议写)
在 GitHub 和各类社区里,技能文件分散、难检索、也难判断是否可靠。SkillWink 把开源技能集中整理成可搜索、可筛选、可直接下载使用的技能库,让你更快找到“正好能用”的那一个。并且支持在SkillWink上直接上传skills。
我们提供 AI 语义搜索 + 关键字检索,支持 版本更新与多维排序(下载/点赞/评论/更新),并为每个技能提供 SKILL.md 开放标准与来源信息。你还可以在详情页直接 评论讨论、交流用法与改进建议。
快速上手:
支持下载与导入 skills(.zip/.skill),本地放置后即可生效:
~/.claude/skills/(Claude Code)
~/.codex/skills/(Codex CLI)
~/.gemini/skills/(Gemini CLI)
同一份 SKILL.md 跨平台通用。
你需要了解的:技能是什么、怎么运行的、怎么找、怎么导入、怎么判断可信、怎么参与共建。
这里的“skills(技能)”是一种可复用的任务能力包,通常包含 SKILL.md 说明(用途、输入输出、使用方法)以及可选的脚本/模板/示例文件。
你可以把它理解为:给 AI 助手或工具链用的“插件说明书 + 资源包”,可被反复安装与分享。
技能系统采用“渐进式披露”策略,高效管理上下文信息,具体流程如下:
发现阶段:系统启动时,智能体仅加载各技能的名称与简要描述——信息精简,足以判断其适用场景,避免冗余加载。
激活阶段:当任务需求与某技能描述匹配时,智能体才将对应的完整 SKILL.md 说明文档动态载入上下文。
执行阶段:智能体严格遵循文档指引执行操作,并按需调用关联文件或运行内置代码模块。
核心优势:该设计使智能体始终保持轻量高效,同时具备“按需扩展上下文”的能力,既保障响应速度,又确保复杂任务拥有充分执行依据。
推荐 3 种方式组合使用:
注:以上导入方式文件大小控制在10M之内。
常见路径如下(不同系统略有差异,以你本机为准):
同一份 SKILL.md 通常可以跨工具复用。你在 SkillWink 导入后,也可以查看“放置指引/安装说明”。
可以。很多技能本质是标准化说明 + 资源,只要目标工具支持读取该格式,就能共享使用。
比如:检索类技能 + 写作类技能 + 自动化脚本,形成“发现 → 处理 → 输出”的工作流。
一部分skills来源于公开的 GitHub 仓库。我们会筛掉低质量仓库(至少 2 星),并扫描基本质量指标,还有一部分是SkillWink平台的创作者独立上传的。作为使用者,在安装前应始终审查代码,对安全问题负责。
最常见原因是这几类:
我们会尽量避免。你可以用 排序 + 评论 让“好用的”更靠前: