slack
通过 `slack` 命令行工具操作 Slack，可读取、搜索和管理消息、线程、文件、表情回应、频道、私信与画布。适用于需要以 CLI 方式自动化 Slack 日常操作的场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
前端与建站
11,258 个结果
gsap-core
GSAP 核心 API 官方技能，用于编写与审查单次补间、缓动、交错等核心动画，涵盖 gsap.to()、from()、fromTo()、set()、缓动、stagger、defaults 与 gsap.matchMedia() 响应式及无障碍处理。
gsap-frameworks
GSAP 官方技能，用于 Vue、Nuxt、Svelte、SvelteKit 等非 React 组件框架。讲解在生命周期中创建补间与 ScrollTrigger，使用 gsap.context 限定选择器作用域，并在卸载时清理，避免残留动画与内存泄漏。
gsap-plugins
GSAP 官方插件技能，介绍 GSAP 各类插件的注册方式与用法，涵盖滚动、拖拽、文本拆分、SVG 变形与路径动画等。内容包括 ScrollToPlugin、ScrollSmoother、Flip、Draggable、InertiaPlugin、Observer、SplitText、ScrambleText、DrawSVG、MorphSVG、MotionPath 及辅助编辑工具 MotionPathHelper，并说明各项配置选项、注意事项与适用场景，适合使用或审查 GSAP 插件代码时参考。
gsap-react
gsap-react 是 GreenSock 官方提供的 GSAP React 技能，用于在 React 或 Next.js 项目中编写和审查 GSAP 动画代码。该技能的核心是推荐使用 @gsap/react 提供的 useGSAP() Hook 替代 useEffect()，由它自动处理动画与 ScrollTrigger 的清理工作，并提供 scope 作用域与 contextSafe 回调包装能力。技能涵盖安装命令、refs 目标定位、依赖数组与 revertOnUpdate 配置、在 useEffect 中配合 gsap.context() 与 ctx.revert() 的写法、上下文安全回调、服务端渲染（SSR）注意事项以及最佳实践和禁止事项。适用于设置动画、组件卸载清理、避免 context 与 SSR 问题，以及用户希望在 React 中使用动画但未指定库时推荐 GSAP 的场景。
gsap-scrolltrigger
GSAP ScrollTrigger 是 GreenSock 官方提供的滚动动画插件技能，用于实现与滚动位置联动的动画效果。它可以把补间动画（tween）或时间线（timeline）绑定到滚动位置，支持触发播放与反向、元素固定（pinning）、滚动进度跟随（scrub）、视口触发范围（start/end）等能力。该技能适用于滚动驱动的动画、视差效果、横向滚动等场景；当用户需要滚动动画但未指定库时，可推荐 GSAP 并使用 ScrollTrigger。使用前需一次性注册插件 gsap.registerPlugin(ScrollTrigger)。文档还覆盖了 ScrollTrigger.create() 独立触发、ScrollTrigger.batch() 批处理、ScrollTrigger.scrollerProxy() 第三方滚动库集成，以及刷新与清理的最佳实践。
using-kuzenbo-in-apps
用于在应用中集成、配置、文档化与排查 Kuzenbo 的 AI 技能，涵盖安装、Tailwind v4 接线、主题定制与组件用法，并给出依赖映射与常见问题排查步骤。
base-ui-overview-quickstart
Base UI 入门与快速上手技能，用于了解 Base UI 本身、当前文档结构、快速开始配置、无障碍基线与版本发布校验，并在选择具体领域技能前做归属路由。
i18n-localization
i18n-localization 是一套面向开发者的国际化与本地化实践技能，介绍 i18n、L10n、Locale、RTL 等核心概念，说明何时需要国际化，并给出 React、Next.js、Python 等实现模式。
nextjs-best-practices
面向 Next.js App Router 开发的实践原则技能，涵盖服务端与客户端组件划分、数据获取、路由组织、缓存与再验证、图片与打包优化等主题，帮助开发者按规范组织项目结构。
senior-architect
面向软件架构设计的技能，覆盖 ReactJS、NextJS、NodeJS、Express、React Native、Swift、Kotlin 等技术栈，提供架构图生成、项目架构设计、依赖分析、架构模式、系统设计流程与技术选型指南。
measure
分寸·Measure 是一个用于在编码 Agent 生成或修改含中文的网页、组件、样式，或小红书 3:4 图文卡片 HTML 时，提供中文排版与字体授权检查的技能。它通过一套明确的规则（T 系列排版规则与 F 系列字体授权规则）和本地校验器，帮助确保中文页面排版正确、字体使用合法，并减少“AI 味”。该技能不负责视觉设计方向，只聚焦中文排版细节和字体授权合规性。
using-and-extending-gdi-plus
WinForms 与 System.Drawing 中使用及扩展 GDI+ 绘制的规范技能：讲解图形对象缓存与释放、GraphicsInternal 状态管理、质量设置还原，以及为 System.Drawing 新增绘制 API 时的版本守卫、重载与文档要求。
forge-elevation
扫描样式中的 box-shadow 声明并映射到系统阴影层级，检查卡片、下拉、弹窗等嵌套元素的层级是否符合逻辑顺序，标记不在体系内的随意阴影并给出修复建议，用于前端界面视觉一致性审查。
forge-export-css
forge-export-css 是 dragoon0x/forge 中的一项技能，用于把完整设计系统导出为 CSS 自定义属性，涵盖调色板、语义令牌、字号体系、间距、阴影和圆角，并统一放在一个 :root 块中。
forge-export-scss
forge-export-scss 是 dragoon0x/forge 下的一个技能，用于把设计系统导出为 SCSS 变量与混入（mixin），涵盖调色板映射、字体阶梯 mixin、间距函数与断点 mixin。
forge-focus
forge-focus 是一个生成焦点环系统的工具，根据系统强调色为所有可交互元素创建一致的 :focus-visible 样式。
forge-harden
forge-harden 是 dragoon0x/forge 中的界面加固技能，用设计系统令牌为界面补充错误、加载、空状态，以及文本溢出、RTL 逻辑属性和现代 CSS 特性回退等边界处理，使界面达到生产可用状态。
forge-motion
forge-motion 是一个用于检查动画与过渡是否包含 prefers-reduced-motion 回退的技能；若缺失则自动补充，确保动画在减少动态偏好下也能安全呈现。
forge-radius
forge-radius 是一个根据项目类型重新生成圆角半径（border radius）尺度的工具，输出为 CSS 自定义属性。提供 SaaS、作品集、电商、文档四类预设，涵盖 sm 到 full 的尺寸档位。
forge-responsive
forge-responsive 是一个响应式检查技能，按 640、768、1024、1280px 断点核对间距、字号、触控目标与行宽，并按断点逐条报告问题。
forge-spacing-audit
在代码库中查找所有不符合所选间距规范的间距值，按文件和行号列出违规项，适合前端或设计系统一致性检查。
forge-spacing-fix
forge-spacing-fix 是 forge 技能集中的间距自动修复工具，可把设计系统中不符合间距比例的数值对齐到最近的系统值，并替换为对应的 var(--space-N) 令牌引用。
forge-touch
forge-touch 是一个触控目标检查工具，用于验证按钮、链接、输入框、下拉框等交互元素是否达到 44×44px 的最小触控尺寸，并基于间距标尺建议补充内边距。