audio-extractor
Audio Extractor 是一个基于 yt-dlp 与 ffmpeg 的音视频音频提取工具，可从 YouTube 等 1500+ 网站下载纯音频内容，并转换为 MP3、M4A、FLAC、WAV、OPUS 等格式，支持元数据嵌入、封面写入、播放列表批量处理与章节分割。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
10,998 个结果
antd-style-to-tailwind
将 antd-style 的 createStyles CSS-in-JS 组件迁移为 Tailwind CSS 工具类，支持暗色模式，并替换 antd 布局与表单组件为 shadcn 组件。
inertia-adonisjs
面向 AdonisJS 6 与 Inertia.js（React）的全生命周期技能，覆盖从零搭建到生产环境，包括安装配置、页面、表单、共享数据与调试。
laravel-inertia-react-structure
基于 Spatie 生产实践的 Laravel Inertia React 前端结构约定，用于创建、搭建或审查项目。规定 resources/js 下 common、modules、pages、shadcn 四个基础目录，以及命名、模块组织、页面镜像 URL、组件写法、导入顺序、Props 排序、样式与多区域应用等规则。
form-generator-rhf-zod
用于生成 React Hook Form + Zod 校验 + shadcn/ui 组件表单的技能，支持生成表单组件、Zod 校验 schema 与服务端 action，适用于角色、地点、物品、派系等实体的数据录入表单。
horizons
Hostinger Horizons 是 Hostinger 的 AI 网站构建器 API，可根据自然语言描述异步生成网站，并返回预览与编辑链接。适用于创建网站、落地页、博客或 Web 应用，或获取已有 Horizons 站点的编辑链接。
frontend-i18n-orchestrator
面向前端仓库的端到端国际化编排技能，适用于 React、Vue、Next、Nuxt、Vite 项目。先自动扫描仓库推断事实，再只询问无法推断的业务决策，分阶段执行迁移并设置验证关卡，支持 Codex 与 Claude Code。
huawei-cloud-rds-failover
华为云 RDS 主备倒换演练工具，按 prepare（准备检查）→ execute（执行倒换）→ report（生成报告）三阶段流水线运行，支持 MySQL、PostgreSQL、SQL Server、MariaDB、TaurusDB，含风险评估与执行拦截。
favicon
favicon 是一个基于 emojico 的技能，用于从 emoji 生成完整的站点图标集，包括 favicon.ico、多种尺寸 PNG、Apple touch icon 和 OG 图片，适用于为项目添加或更新 favicon 的场景。
mobile-rn-performance
面向 React Native / Expo 的性能、打包与升级技能：按症状定位 FPS、包体积、启动、原生、内存、动画问题，先测量再修复，并覆盖 RN/Expo 版本升级流程。
analyze-website
用于调查并记录网站结构、组件、功能重要性与版本差异的技能，产出可复用的分析产物，服务于测试规划、覆盖决策与变更影响评审。
report-writer
report-writer 是一个用于生成独立 HTML 报告的技能，可总结代码变更、问题排查、调试调查或架构决策，报告会自动在浏览器中打开。
icons
用于在 Next.js 与 Claude Code 项目中挑选图标、国旗、文件类型标记和品牌标志的辅助技能，帮助图标准确匹配现有视觉风格并找到合适的图标来源。
vueuse-functions
用于 Vue.js / Nuxt 开发的 VueUse 组合式函数决策与实现指南：根据需求映射到最合适的 VueUse 函数，遵循其调用规则，优先用组合式函数而非自写代码，使实现简洁、可维护且高性能。
react-best-practices-vercel
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，包含 8 大类共 57 条按影响优先级排序的规则，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
html-debrief
HTML Debrief 用于把当前任务的证据整理成可交互的 HTML 报告，默认按桌面浏览器布局输出到指定 debriefs 目录，便于保存与查看发现、路径、指标等结论。
remotion-saas
Remotion SaaS 是 Remotion 官方提供的用于构建视频类应用的方案集合，帮助开发者把 Remotion 集成到 SaaS 产品中。它覆盖从简单表单触发渲染到复杂视频编辑器的多种形态，并提供可克隆或作为参考的 SaaS 模板，以及选择模板或框架的指引。核心组件 <Player> 允许在 React 应用中嵌入 Remotion 预览；渲染方面同时提供客户端与服务端选项，并涉及 Lambda、Vercel、Node.js 和 Cloudflare 等部署方式。此外还提供在 Vue、Angular、Svelte 中使用 Remotion 的文档入口。
update-preact
用于更新 Preact JS Signals 子模块并将上游改动同步到 Dart preact_signals 包的维护指南，涵盖子模块升级、代码移植、测试移植、版本与变更日志及验证流程。
react-hook-form-zod
该技能用于构建或调试 React Hook Form 与 Zod 的表单校验，覆盖 schema 转换、受控组件、动态数组、多步表单和异步服务端校验等场景。工作流程强调先检查仓库中已安装的 React Hook Form、Zod、resolver 和 UI 组件版本，再选择匹配的 API，不因示例版本不同而替换依赖。实现时区分原生输入与受控组件，处理默认值、类型输入输出差异（如 z.input/z.output）、服务端边界校验与无障碍错误提示，并在最后运行仓库要求的检查与测试，验证提交、错误位置、请求格式与服务端拒绝等行为。
frontend-design
frontend-design 是一个用于网页视觉设计工作的技能，当用户提出网页视觉设计需求时使用；若涉及 Avalonia 界面，则应改用 design-ui-window。
frontend-design
该技能用于打造独特、生产级质量的前端界面，避免千篇一律的 AI 风格美学。适用于构建 Web 组件、页面、应用或界面，强调大胆的审美方向、精致的排版、配色、动效与空间构成，并输出可运行的真实代码。
pagination
TanStack Table 的分页技能，介绍如何使用 rowPaginationFeature 与 paginatedRowModel 实现客户端分页，或用 manualPagination 交由服务端分页，并管理 pageIndex/pageSize 状态、rowCount/pageCount 等参数。
advanced-frontend-uiux
该技能用于生成现代前端 UI/UX，支持 HTML、CSS、JavaScript 及免费 3D、动画库，产出完整、模块化、可访问的界面代码，强调 3D/WebGL 视觉、微交互与滚动动画，适合落地页、电商、作品集、SaaS 仪表盘等场景。
frontend-design
该技能用于创建具有独特设计品质、达到生产级水准的前端界面，帮助避免千篇一律的“AI 味”审美。当用户需要构建 Web 组件、页面、制品或界面时使用。技能会先进行设计思考，明确用途、受众、技术约束与差异化方向，选定一个大胆且清晰的美学方向，再实现可运行的真实代码（HTML/CSS/JS、React、Vue 等）。其美学指南涵盖字体、配色与主题、动效、空间构图、背景与视觉细节等方面，强调有意图的设计而非泛化模板，并要求实现复杂度与美学愿景相匹配。