SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-17 00:11
10,772 个结果
该技能为 Vue 2.x 前端开发提供完整指南，覆盖 Options API、响应式数据、计算属性与监听器、组件开发与通信、Vue Router 路由管理、Vuex 状态管理以及生命周期钩子等核心概念，并附带代码示例与最佳实践。资料同时给出性能优化、组件通信取舍、响应式注意事项及常见工具插件（Vue CLI、Vue Router、Vuex、Element UI、Ant Design Vue、Axios）与示例 Prompt，适合在使用 Vue 2 组织组件、搭建路由和状态管理时参考。是否收费、价格、平台与具体使用步骤暂未提供。
Vuetify 4.x 的 Vue 3 Material Design 组件框架技能，用于编写、调试或配置导入 vuetify v4.x 的代码，涵盖 createVuetify 初始化、组件、labs 组件、主题、样式与 v3 迁移。
为组件文档配置 Storybook 的技能，涵盖 controls、actions、无障碍测试与视觉回归。适用于用户提出 Storybook 初始化、配置插件、编写 stories、MDX 文档、测试与静态部署等需求。
这是一个针对 Tailwind CSS v4 的技能，用于在编写 Tailwind 类名、修复间距问题、审查 CSS 或审计 Tailwind 使用模式时提供规范检查。它能够检测并报告错误间距、不一致的尺寸、桌面优先断点以及未使用 GPU 加速的动画等反模式，并依据 v4 最佳实践强制执行网格与响应式相关规范。该技能默认以当前项目为目标，也可指定路径审计部分文件；规则细节存放在 rules/ 目录下。默认处于只读审计模式，仅在用户明确要求修复时才应用更改。
gh-pages-deploy 是一个用于将静态或交互式前端内容部署到 GitHub Pages 的技能，基于 GitHub CLI（gh）完成操作。它适用于用户希望发布、分享或让任何 HTML/CSS/JS 前端项目可被访问的场景。该技能提供从初始化 Git 仓库、创建 GitHub 公共仓库、启用 GitHub Pages、检查部署状态、设置仓库主页 URL 到获取站点访问地址的完整工作流，并附带一键部署脚本和常见问题排查说明。部署后每次推送到 main 分支会自动触发重建，无需 GitHub Actions。
一套面向生产级 HTML/CSS 的通用网页设计实现方法论，涵盖 BEM 命名、响应式、无障碍、CSS 架构、间距系统与可选暗色模式，提供文件结构、构建顺序与质量检查清单，需与 web-design-patterns 技能配合使用。
用于审计网站无障碍问题并推动达到 WCAG 2.1 AA 合规的 Claude 技能，包含自动化测试、键盘测试、屏幕阅读器测试、WCAG 检查与常见修复参考。
用于指导 Syncfusion Angular 授权：许可证密钥生成、注册方式与验证错误排查，涵盖试用、社区与付费许可，并说明版本、平台差异及离线验证要求。
该技能面向 Syncfusion Angular 组件的主题与外观定制，涵盖内置主题应用、暗色模式、CSS 变量、图标库、尺寸模式以及自定义主题等能力。文档提供按主题分类的参考指南，包括内置主题、暗色模式、CSS 变量、图标、进阶主题与样式迁移等章节，并给出安装主题包、导入 CSS、通过 CDN 引入样式、运行时切换暗色模式、修改主色、启用触控尺寸模式、使用精简 CSS 与图标等常见用法示例。适用于需要在 Angular 应用中统一视觉风格、实现主题切换或调整组件样式的开发场景。
该技能用于在已有的 Next.js 项目中集成并配置 Contentful。Contentful 是一个无头、API 优先的 CMS（可组合内容平台），Next.js 应用可通过交付 API 和预览 API 获取结构化内容。技能覆盖安装 JavaScript SDK、配置环境变量、创建生产与预览客户端，并支持 App Router 与 Pages Router、已发布内容交付（CDA）以及通过 Draft Mode 的预览内容交付（CPA）。同时包含环境变量与客户端设置模式、环境别名感知配置，以及最小测试路由和故障排查清单。不涉及个性化/优化实现、Studio Experiences SDK 设置和完整内容模型策略设计。
Syncfusion Angular Scheduler（ejs-schedule）是用于日历与事件管理的 Angular 组件技能，帮助开发者实现日程安排、预约与资源调度界面。该组件提供 11 种以上视图模式（Day、Week、WorkWeek、Month、Year、Agenda、MonthAgenda 及 Timeline 系列），支持普通、跨天、全天与重复事件，可通过本地数组或远程数据源（OData、Web API、REST）绑定数据并执行增删改查。它支持单资源与多资源分组、自定义资源模板与颜色、时区与工作时间配置、单元格与编辑器模板定制、拖放与缩放、剪贴板操作、虚拟滚动以及 ICS/Excel/PDF 导出，并具备 WCAG 2.1 无障碍支持、多语言与 RTL 本地化能力。技能文档按主题分为入门、视图与显示、事件与预约、数据绑定、资源管理、时间配置、编辑器定制、重复编辑器、表头定制、导出打印、样式主题、高级功能、事件缓冲、WebMCP 集成、状态持久化、无障碍与本地化等参考章节，并附有可直接使用的 Angular 代码示例。包名为 @syncfusion/ej2-angular-schedule。
这是一个 Next.js 使用模式说明，介绍在 App Router 中如何正确使用 useSearchParams Hook 配合 Suspense 边界。核心要求有两点：使用该 Hook 的组件必须带有 'use client' 指令，并且必须被 <Suspense> 边界包裹。资料解释这是 Next.js 的强制要求，原因在于 Next.js 借助 React 18 的 Suspense 处理服务端渲染与 hydration 期间读取 URL 参数的异步特性。文档给出单文件与内联两种代码组织方式，并演示读取单个参数、多值参数、判断参数存在、遍历参数及转换为普通对象的做法。同时说明如何结合 useRouter 更新 URL 参数，以及搜索防抖、多条件筛选、分页等常见模式，并列出缺少 'use client'、缺少 Suspense、在服务端组件中使用等常见错误及正确写法。
面向 SwiftUI（iOS 26 / Swift 6.2）的严格设计系统工程技能，涵盖令牌架构、颜色、排版、间距、组件样式与治理等 50 条规则，参考 Airbnb 设计语言系统与苹果人机界面指南，需配合 swift-ui-architect 架构使用。
Syncfusion Angular Tab 是 Syncfusion 提供的 Angular 选项卡导航组件，用于在 Angular 应用中实现响应式标签页界面。它支持选项卡选择、动态加载、拖放重排、本地化、状态持久化、多种内容渲染模式（Default、Dynamic、Init）、垂直或水平标题布局、溢出模式（Scrollable、Popup）以及键盘导航等能力。适用于多步骤工作流、设置面板、导航结构、数据展示等需要将内容分面板组织的场景。
web-artifacts-builder 是 Anthropic 提供的工具套件，用于使用现代前端技术栈（React、Tailwind CSS、shadcn/ui）创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目，开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件，从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖，并预置路径别名、Tailwind 主题系统与 Parcel 打包配置，同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。
Tailwind CSS 重构模式技能，面向 v4 迁移与反模式清理，含 8 类共 50 条规则，按迁移紧迫度分级。仅整理代码、更新语法并保持原有视觉效果，不改变外观。
Syncfusion Angular Gantt Chart（ejs-gantt，GanttModule）是一个用于 Angular 应用的甘特图组件技能，涵盖组件的安装配置到高级功能实现。该技能适合在构建 Angular 甘特图项目时使用，涉及数据绑定（本地或远程）、任务排程模式（自动/手动/自定义）、任务依赖与前驱关系、任务增删改（单元格、对话框、任务条编辑）、资源配置、项目与任务日历、时间线缩放、任务条与标签自定义、过滤排序搜索、工具栏与上下文菜单、撤销重做、Excel/PDF 导出、虚拟滚动、状态持久化、本地化、RTL 布局、时区配置、节假日、事件标记、关键路径、基线、任务条绘制等。技能以参考文档导航的形式组织，按主题分为多个 references 文件，包括入门、数据绑定、Observable CRUD、任务排程、日历设置、任务依赖、任务约束、任务管理、任务拆分合并、资源、列、时间线、任务条、任务条绘制、过滤搜索、排序、行、选择、滚动、工具栏、编程方法与事件等章节，供开发者按需查阅具体实现细节。
TinaCMS 是一个基于 Git 的无头内容管理系统（headless CMS），提供可视化编辑能力，适合构建内容密集型网站，如博客、文档站和营销站点。它支持 Next.js、Vite+React 等框架，通过 useTina Hook 实现可视化编辑。内容以 Markdown/MDX 等文件形式存储在 Git 仓库中，配合 TinaCloud 托管服务或自托管 Node.js 后端使用。当前版本为 tinacms@3.3.1、@tinacms/cli@2.1.1。
Syncfusion Angular File Manager 是用于 Angular 的文件管理图形界面组件，用于浏览文件系统并完成文件与文件夹操作。它支持访问、编辑、排序、上传、下载与整理文件，提供面包屑导航、导航窗格、文件夹层级浏览，以及详细信息视图和大图标视图两种显示模式。交互上支持多选、拖放、右键上下文菜单。性能方面提供 UI 虚拟化以处理大量文件，并支持状态持久化。可通过 ajaxSettings 连接后端文件操作，也可用 fileSystemData 在客户端绑定扁平或嵌套 JSON 数据。组件还可定制工具栏、上下文菜单、图标、缩略图与 CSS 主题，支持 RTL 与本地化。后端提供程序服务可通过 Docker 部署，用于 Azure Blob Storage 或 Amazon S3。
Syncfusion Angular Query Builder 是一个用于 Angular 的 UI 组件（ejs-querybuilder），帮助用户通过可视化界面构建复杂的筛选查询。用户以「字段 + 运算符 + 值」的形式定义条件，并用 AND/OR 逻辑组合成条件组。生成的规则可导出为 JSON、SQL 或 MongoDB 格式，用于数据筛选或 API 查询。该组件支持列配置、本地数据绑定、规则与分组的增删改、拖拽排序、克隆与锁定、导入导出、模板与模型绑定、样式布局、无障碍与本地化等功能，并提供较完整的 API。安装方式为 ng add @syncfusion/ej2-angular-querybuilder。该技能资料同时强调安全边界：只允许绑定本地 JS 数组，禁止绑定指向任意外部 URL 的远程 DataManager，且导出前需对字段名和值进行校验与清理。
Syncfusion Angular TreeView 是 Syncfusion Angular UI 组件库中的树形视图组件，用于在 Angular 应用中展示层级化数据。它以树状结构渲染父子关系数据，并内置复选框、拖放、就地编辑、多选、过滤、排序、模板和键盘导航等交互能力，适合展示文件系统、组织架构、分类层级、导航菜单等嵌套数据结构。该技能文档按任务组织导航，涵盖快速上手、数据绑定与层级、节点选择与复选框、节点编辑与操作、拖放、模板与样式、过滤与排序、上下文菜单、无障碍与高级特性以及从 EJ1 迁移到 EJ2 等内容，并提供组件方法、事件、常用属性与典型使用模式的说明。
在 Webflow 项目中应用 Flowkit CSS 命名规范的技能，可通过 Webflow MCP 工具创建、审查并重构符合 fk- 前缀约定的类名与组件样式。
用于生成专业深色主题架构图的技能：输出单文件 HTML，内嵌 SVG 与 CSS，无需 JavaScript。适合绘制系统架构、云区域、安全组与消息总线等示意图。
Syncfusion Angular Chat UI 是用于在 Angular 应用中构建对话界面的组件技能。它提供消息管理、用户系统、外观控制、页眉页脚、事件交互、模板定制、文件附件、编程方法、全球化与本地化以及机器人集成等能力。支持实时消息、用户在线状态、输入中提示、文件上传、消息回复、置顶、转发、@提及、消息状态、按需加载和状态持久化。可通过 npm 安装 @syncfusion/ej2-angular-interactive-chat 并导入主题 CSS 使用，适用于客服聊天、团队消息、AI 助手等场景。