SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
10,836 个结果
create-site 是微软 power-platform-skills 中的一个技能，用于创建全新的 Power Pages 代码站点（SPA）。它支持从精选模板或从零开始，使用 React、Angular、Vue 或 Astro 构建，并引导用户完成从需求发现、脚手架搭建、设计规划、实现、验证、审查到部署的完整流程。该技能强调尽早启动开发服务器以获得实时预览，通过 Playwright 验证每次改动，并遵循双向（LTR/RTL）设计、内容语言独立于 Dataverse 语言等原则。仅支持静态 SPA 框架，不支持 Next.js、Nuxt.js、Remix、SvelteKit、Liquid。
本技能介绍如何在 Expo SDK 57 中配置 Tailwind CSS v4，结合 react-native-css 与 NativeWind v5，实现 iOS、Android 和 Web 的通用样式方案。内容涵盖依赖安装、Metro 与 PostCSS 配置、全局 CSS 文件、CSS 组件包装器、自定义主题变量、平台特定样式、Apple 系统颜色以及常见问题排查。该方案采用 CSS-first 配置，不再需要 babel.config.js，主题通过 @theme 在 CSS 中定义，组件需用 useCssElement 包装以支持 className。
shadcn-v3 是一个面向 Tailwind CSS v4 与 shadcn/ui 的配置与组件开发技能，重点讲解 @theme inline 模式与 CSS 变量架构。它覆盖主题配置、暗色模式、组件组合模式、无障碍支持以及 React Hook Form 表单集成。该技能明确适用于 Tailwind v4 与 shadcn/ui 的搭建场景，不涉及 Tailwind v3 与 PostCSS 配置。其核心原则包括：用 @theme inline 将 CSS 变量映射为 Tailwind token，在 :root 与 .dark 中用 hsl() 包裹颜色值，在 components.json 中将 tailwind.config 设为空字符串，删除 tailwind.config.ts，采用 CSS-first 的 Tailwind v4 配置，使用 cn() 处理条件类名，借助语义化颜色自动适配暗色模式，用 @plugin 指令加载插件，并通过包装模式扩展组件而非直接修改原始组件。
solana-v1 是一个面向 Solana dApp 前端开发的技能（Skill），聚焦在 React/Next.js 环境下使用 framework-kit 与 web3.js 构建钱包连接、交易签名与地址校验等交互。它基于 Solana Foundation 的 framework-kit（@solana/client 与 @solana/react-hooks）处理 UI，使用 @solana/kit 编写客户端、RPC 与交易代码，并用 @solana/web3.js 的 PublicKey 做地址校验。技能强调在使用地址前必须通过 PublicKey.isOnCurve() 校验，优先使用 @solana/kit 的 Address、Signer 类型，优先采用 @solana-program/* 指令构建器，并通过 Wallet Standard 发现和连接钱包。它不覆盖 EVM 前端开发、纯后端地址校验以及通用区块链概念。
Wagmi v3 是一个面向 React/Next.js 的 EVM 链钱包与合约交互技能，基于 Wagmi v3 与 viem v2 构建。它用于连接钱包、读写智能合约以及处理交易状态，涵盖钱包状态管理、地址校验、交易模拟与错误处理等环节。该技能要求使用 Wagmi v3.x（不兼容 v1/v2），配合 viem v2、React 18+ 或 Next.js 14+、TypeScript v5+ 严格模式以及 TanStack Query v5+。它不涉及 Solana 前端、后端 RPC 交互和智能合约开发。
Angular 核心模式技能，用于在创建 Angular 组件、使用 signals 或进行项目配置时提供规范指导。内容涵盖独立组件（Standalone Components）、基于函数的 Input/Output、signals 状态管理、inject() 依赖注入、原生控制流语法以及无 Zone（zoneless）变更检测等现代 Angular 写法，并明确给出推荐与禁止的代码模式。
frontend-design 是一个面向前端界面设计与实现的工作流技能，强调按用户、任务、内容、产品类别与技术约束做适配，而不是套用单一视觉风格。无障碍、功能正确、响应式可用等属于硬性门槛。
这是一个面向高性能 Web 地图实现的中文技能，专门处理 5,000 至 100,000+ 个地理数据点的渲染与交互。它聚焦 Leaflet.js 优化、空间聚类算法、基于视口的加载以及渐进式披露 UX 模式，适用于地图类应用。技能提供性能分层建议、技术栈选型、Supercluster 聚类实现、PostGIS 视口查询、Canvas 渲染、防抖事件、性能基准与常见反模式，并给出依赖版本与迁移检查清单。
用于生成 HTML 实体关系图（ERD）与数据库模式可视化的技能：表格以卡片呈现并列出列，外键以连线加基数标记表示，支持点击表格聚焦、关系路径查看、迁移前后对比，以及图例、搜索与筛选等交互，输出为自包含的 .html 文件。
为 Power Pages 代码站点添加 SEO 基础配置的技能，包括 robots.txt、sitemap.xml、meta 标签、Open Graph 标签和 favicon。适用于已有 Power Pages 代码站点需要补充搜索引擎可抓取性与元数据的场景。
Vue.js 开发最佳实践技能，用于指导 Vue 任务的实现流程。默认技术栈为 Vue 3 + Composition API + `<script setup lang="ts">`，强调类型化、可预测状态、清晰的组件数据流、小型聚焦组件、可复用 composables，以及先保证功能正确再进行性能优化。技能要求先确认架构、规划组件边界、加载核心参考（响应式、SFC、组件数据流、composables），再按需引入插槽、动画、状态管理等可选特性。
将旧版 UI5 JavaScript 应用迁移为 Fiori Elements V4（列表报表+对象页）应用的技能，基于 V4 RAP 服务上的 @UI.* 注解驱动，通过 SAP Fiori MCP 服务器三步流程生成项目，并用扩展 API 补充模板无法表达的自定义行为。
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。
该技能提供结构化工作流，借助 Figma MCP 服务器把 Figma 设计节点翻译成生产级代码，追求 1:1 视觉还原，并使用设计令牌、复用项目组件，包含取设计上下文、截图、下载资源与验证等步骤。
本技能提供 Vue 2.x 框架的完整开发指南，涵盖 Options API、组件系统、响应式数据、计算属性与监听器、组件通信、Vue Router 路由管理、Vuex 状态管理以及生命周期钩子等核心概念与最佳实践。内容包含大量可直接参考的代码示例，如计数器组件、组件定义与通信、路由配置、Store 定义等，并给出代码组织、性能优化、组件通信和响应式注意事项方面的建议，同时列出 Vue CLI、Vue Router、Vuex、Element UI、Ant Design Vue、Axios 等常用工具与插件，适合使用 Vue 2 进行前端开发的场景。
shadcn-vue 是面向 Vue 3 与 Nuxt 3+ 的组件集合与技能文档，基于 Reka UI v2 与 Tailwind CSS，提供 50 多个可访问、可定制的 UI 组件。它通过 CLI 初始化项目并逐个添加组件，支持 Auto Form 表单、基于 TanStack Table 的数据表格、图表、暗色模式等能力，并附带常见错误排查与配置说明。
该技能用于生产级 Web 前端工程，覆盖 React、Next.js、Vue、Nuxt、Angular、Svelte、SvelteKit 及相关工具链。它涵盖框架选型、前端实现模式、hydration 与 SSR 调试、状态与数据获取模式以及前端发布规范。适用场景包括搭建或脚手架化前端应用、修复 hydration/SSR/构建或客户端-服务端边界问题、选择路由与状态方案、配置前端测试与性能预算及发布门禁。技能提供按框架划分的参考文档与模板，并给出默认约定：按路由和渲染需求选框架，优先复用仓库既有模式，将可访问性与性能视为发布门禁。还涵盖服务端与客户端渲染取舍、设计系统与组件库区别、状态与数据获取默认工具，以及 AI 生成前端代码的常见风险检查。
Frontend Developer Skill 是一个面向现代 Web 前端开发的综合技能，用于构建可投入生产环境的 Web 应用。它围绕 React、Vue、Next.js、Angular 等主流框架提供完整的开发能力支持，包括现代工具链搭建（Vite、ESLint、Prettier、测试框架）、状态管理方案选型（Redux Toolkit、Zustand、Context API）、认证流程配置、打包体积与性能优化、组件库与设计系统创建，以及单元、集成、E2E 测试的搭建。技能内置决策框架，可辅助选择框架、状态管理库和样式方案，并给出最佳实践、常见代码模式、故障排查方向与质量检查清单。它适用于从零构建新应用、搭建前端工程化基础设施、实现状态管理与认证、优化生产性能以及建立测试体系等场景。资料中未提供收费、价格或安装命令信息。
Prime Frontend 是一个用于为 AI 智能体加载前端代码库上下文的技能。它通过分析前端项目的结构、组件、路由、状态管理和样式约定，帮助智能体快速建立对前端部分的针对性理解，同时避免加载整个全栈代码库，从而保持上下文窗口轻量。该技能支持在分析前先加载外部任务上下文（如 Jira 工单和 Confluence 页面），使分析锚定到实际工作。
app-shell 是一套关于应用外壳设计的技能规范，聚焦登录后跨应用共享的顶部栏、应用启动器、租户与环境提示以及底部状态栏，帮助在多应用与多租户场景中维持统一、可预期的导航与上下文感知。
inertiaui/modal 是 Laravel + Inertia.js 的模态框与侧滑组件，可在不修改现有路由和控制器的情况下，把任意 Laravel 路由以 Modal 或 Slideover 打开，支持 React 与 Vue、嵌套模态、预取、本地模态、无头模式与 TypeScript。
面向 Vue.js / Nuxt 项目的 VueUse 组合式函数（composables）选用与实现指南技能：把开发需求映射到最合适的 VueUse 函数并按正确调用规则使用，优先用现成 composable 替代自写代码，以保持实现简洁、可维护且性能良好。
Cloudflare Images 技能，用于上传、存储并通过全球 CDN 分发图片，支持自动 WebP/AVIF 转换、最多 100 个变体、直接创建者上传与签名 URL，可在 Workers 或 URL 中变换任意图片。
面向 Hotwire 的导航与内容发现技能，用 Turbo Drive 和 Turbo Frames 实现标签页、分页、懒加载、分面搜索与缓存生命周期处理。