iblai-vibe-invite
为 Next.js 应用添加用户邀请弹窗的 SDK 组件技能，包含按邮箱/用户名邀请新用户的对话框，以及展示待处理邀请及其状态（已接受、待处理、已过期）的对话框。需先配置认证与 MCP 技能，且当前用户须具备平台管理员权限。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
11,010 个结果
jacky-motion2-0-srt
Jacky Motion 2.0 的独立 SRT 自动录屏版：把中文口播稿与对应 .srt 文件转成按字幕时间自动播放的 16:9 单文件信息动画 HTML，主轨画面按 SRT 推进，无 HTML 演示的区间自动生成带小标题的 B-roll 录屏画框，适合开 HTML 后直接录屏。
nextjs-pwa
面向 Next.js 的 PWA 技能，指导用 Serwist 或手写 Service Worker 实现离线支持、缓存策略、推送通知、安装提示与 Web App Manifest，并含 iOS 兼容与排错参考。
htmlify-v2
htmlify-v2 是一个静态 HTML 文档生成技能，可将用户指定的内容（Markdown、笔记、规格、计划、对话上下文等）转换为美观、自包含的静态 HTML 文件，零依赖，可直接在浏览器打开或打印为 PDF。
frontend-design
用于构建具有鲜明设计感、达到生产级质量的前端界面，避免千篇一律的“AI 感”外观。适用于用户要求创建 Web 组件、页面或应用，并希望有明确美学方向的场景。
frontend-ui-animator
Frontend UI Animator 是一个面向 Next.js + Tailwind + React 项目的 UI 动画分析与实现技能。它帮助开发者为界面添加有目的、高性能的动画，在不干扰用户的前提下提升体验。该技能聚焦关键动画时刻：首屏引导、悬停反馈、内容揭示和导航过渡，并按优先级排序。工作流程分为四个阶段：分析项目结构与现有动画配置、规划动画与组件的映射及触发方式、实现动画（扩展 Tailwind 配置、添加 reduced-motion 支持、创建可复用 hooks）、验证效果（浏览器视觉检查、reduced-motion 测试、CLS 检查、性能审计）。它强调只使用 transform 和 opacity 等属性，避免动画化布局属性，并提供交错子元素、滚动揭示 hook 等常见模式，以及无障碍的 prefers-reduced-motion 全局样式。
combine-reactive
面向 iOS/tvOS 的 Combine 决策框架技能，帮助判断何时用 Combine、何时用 async/await，并给出 Subject 选择、操作符链设计与内存管理（订阅存储、弱引用、线程调度）的取舍建议。
react-admin-i18n
面向 react-admin 与 shadcn admin kit 应用的国际化指南，覆盖安装语言包、配置 i18nProvider、组织翻译目录、把 JSX 硬编码英文改为翻译键、语言切换器与常见陷阱。
motion
Motion（原 Framer Motion）是面向 React 与 JavaScript 的生产级动画库，支持声明式动画、手势、布局动画与滚动联动动画，可通过 motion 组件或 animate() 命令式 API 使用。
gsap-scrolltrigger
GSAP ScrollTrigger 是 GreenSock 官方提供的滚动动画插件技能，用于实现与滚动位置联动的动画效果。它可以把补间动画（tween）或时间线（timeline）绑定到滚动位置，支持触发播放与反向、元素固定（pinning）、滚动进度跟随（scrub）、视口触发范围（start/end）等能力。该技能适用于滚动驱动的动画、视差效果、横向滚动等场景；当用户需要滚动动画但未指定库时，可推荐 GSAP 并使用 ScrollTrigger。使用前需一次性注册插件 gsap.registerPlugin(ScrollTrigger)。文档还覆盖了 ScrollTrigger.create() 独立触发、ScrollTrigger.batch() 批处理、ScrollTrigger.scrollerProxy() 第三方滚动库集成，以及刷新与清理的最佳实践。
web-clone
网站复刻/克隆方法论技能，提供从获取真源码、侦察探针、复杂度定级、逆向拆解到替换内容与验证对比的完整流程，并配套多个 Node 脚本。适用于复刻网站、仿站、还原网页交互或 WebGL/Canvas/Three.js 效果。
i18n
面向多语言应用开发的国际化专家技能，覆盖 next-intl、react-i18next、ICU 消息格式、RTL 支持、日期与数字本地化格式及翻译工作流。强调不硬编码用户可见文本、按区域格式化时间与数字，并从设计之初就支持从右到左排版。
web-to-markdown
基于 Playwright 无头浏览器抓取网页、用 Turndown 将 HTML 转为 Markdown 并保存到带时间戳文件的技能，支持批量处理多个 URL，可渲染 JavaScript 内容，无需外部 API。
web-asset-generator
Web Asset Generator 是一个用于生成网站资源的技能，可从 logo 图片、emoji 或文字标语生成 favicon、PWA 应用图标以及社交媒体分享预览图（Open Graph 图片），覆盖 Facebook、Twitter、WhatsApp 和 LinkedIn 等平台。它通过 Python 脚本（generate_favicons.py 与 generate_og_images.py）批量输出标准尺寸的图标与图片，并附带对应的 HTML 标签，还支持将标签自动集成到 Next.js、Astro、SvelteKit、Nuxt、Gatsby 或纯 HTML 项目中，并提供主流社交平台的预览测试链接。
swiftui-ui-patterns
面向 SwiftUI 视图与组件开发的实践指南，提供示例驱动的模式与约定，适用于新建或重构 SwiftUI 界面、设计标签页架构等场景。
dev-browser
Dev Browser 是一个带持久页面状态的浏览器自动化技能，适用于导航网站、填写表单、截图、抓取网页数据、测试 Web 应用等。它以小型脚本逐步完成任务，支持独立模式和连接用户 Chrome 的扩展模式。
data-client-vue-testing
面向 @data-client/vue 的测试技能，介绍用 renderDataCompose 测试组合式函数、用 mountDataClient 测试组件，以及 fixtures、nock HTTP 模拟、轮询与订阅的 fake timers 测试模式。
frontend-lighthouse
frontend-lighthouse 是一个可移植的 Lighthouse CI 性能门禁技能，用于为生产前端构建添加性能卡点。它通过一份 lighthouserc.cjs 配置文件集中定义 Core Web Vitals 预算（LCP、CLS、TBT 作为 INP 的实验室内代理）与分类分数下限（性能、SEO、无障碍、最佳实践），并在 CI 中以多次运行取中位数的聚合方式断言，避免单次运行抖动导致误报。该技能基于 Lighthouse CI（@lhci/cli），运行对象是生产构建产物而非开发服务器，报告以文件形式输出为 CI artifacts，便于失败时排查。它适用于需要为拉取请求设置强制性能门槛、调试不稳定的 Lighthouse 运行，或让报告在 CI 中可见的场景。该技能遵循 Anthropic SKILL.md 格式，可被 Claude Code、OpenCode、Codex、Cursor、Windsurf 等工具读取。注意：Lighthouse CI 是实验室信号，不能替代真实用户指标监控；预算需根据实际路由、托管平台与设备/网络条件调整；通过门禁并不代表业务流程、视觉正确性或后端可用性得到验证。
svelte-runes
Svelte Runes 使用指导技能，用于响应式状态、props、副作用、attachments 及 Svelte 4→5 迁移，涵盖 $state、$derived、$effect、@attach，并帮助避免响应式相关错误。
migrate-from-nextjs
TanStack 官方技能：将 Next.js App Router 项目逐步迁移到 TanStack Start，涵盖路由改写、Server Actions 转 createServerFn、API 路由与中间件迁移、元数据与导航改写等步骤与常见错误。
leaflet
Leaflet 是一个轻量级开源 JavaScript 交互式地图库，支持栅格瓦片图层、标记、弹窗、矢量图形、GeoJSON 与地图事件，并可通过插件扩展。瓦片由使用者自选提供方（如 OpenStreetMap），库本身不含 API 密钥。
design-taste-frontend
面向 React/Next.js 前端开发的高阶 UI/UX 设计技能，通过量化规则纠正 LLM 默认设计偏好，约束组件架构、字体、配色、动效与性能，输出更具设计感且非模板化的界面。
imagegen-frontend-web
面向前端设计的图像生成技能，用于产出高质感、带转化意识的网站设计参考图。核心输出规则是每个版块单独生成一张横向图片，绝不把多个版块合并或输出一整页长图。
angular-signals
Angular v20+ 基于 Signal 的响应式状态管理技能，涵盖 signal()、computed()、linkedSignal()、effect()、RxJS 互操作及组件与服务状态模式。