SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
11,264 个结果
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。
基于 Microsoft MarkItDown 库的文档转换 Skill，可将 PDF、PPTX、DOCX、XLSX、图片、音频、HTML、CSV、JSON、XML、ZIP 等格式转换为便于大语言模型读取的 Markdown 文本。
将早期产品想法、功能讨论、PRD 或页面清单转化为自包含、可点击的 HTML 线框蓝图，带 UX 批注、可观察的用户旅程与资产映射，用于团队对齐产品形态与未决决策。
一个面向初学者的引导式建站技能，先与用户寒暄并了解其背景与想法，再把创意逐步收敛为可执行的最小项目，用 React、HeroUI 和 localStorage 在浏览器中快速做出可见成果，并记录阶段性进度。
一个与框架无关的前端 UI 决策/知识型技能，先明确组件边界、prop API、状态归属与数据异步、必需的 UI 状态（加载/空/错误），再交由实现。示例用 React。
Aura Design Tokens 是一个用于同步设计变量的技能，帮助在 PrimeVue Aura、Quasar 与自定义 CSS 之间统一颜色、表面层级、圆角和暗色模式。它通过 CSS 自定义属性建立桥接层，把 PrimeVue 的 --p-* 令牌映射到 Quasar 的 --q-* 与应用的 --app-* 角色变量，避免在组件中重复定义调色板或散落十六进制颜色。该技能不使用 Tailwind 工具类，强调以变量驱动主题，并在变量缺失时通过桥接文件内的回退值保证渲染。
该技能为 Vue 3 项目提供基于 @vueuse/motion 的弹簧物理微交互动效方案，用于卡片、对话框、列表、悬停与按压反馈。它内置三个弹簧预设（microFeedback、modalEnter、staggerItem），并要求空间类动效使用弹簧阻尼而非线性缓动，列表错峰延迟单项不超过 40ms、总延迟不超过 200ms，禁止持续循环动画，并提供 prefers-reduced-motion 适配路径。安装方式为 npm install @vueuse/motion，并在 src/main.js 中于 PrimeVue 之后注册 MotionPlugin。
PrimeVue Aura 是一份面向 Vue 3 应用的设计与开发技能资料，聚焦使用 PrimeVue 的 Aura 预设构建高密度数据表格、筛选、复杂表单控件与浮层，并且不使用 Tailwind。资料给出安装依赖（primevue、@primevue/themes、primeicons）以及 Quasar 与 PrimeVue 混合使用的加载顺序和初始化代码，强调 Quasar 负责应用外壳与重置样式，PrimeVue 负责组件层样式并通过 cssLayer: false 保证胜出，深色模式使用 .dark-mode 类。组件职责部分列出 DataTable、TreeTable、MultiSelect、TreeSelect、CascadeSelect、TieredMenu、ContextMenu、Breadcrumb、Tag、Badge、ProgressBar 等使用场景。资料还提到与 @aura-design-tokens、@motion-physics 等技能的边界，以及完成后调用脚本推荐下一步技能。
Quasar Foundation 是一个面向 Vue 3 的 Quasar 应用框架设计技能，用于构建应用外壳、抽屉导航、移动端手势交互，以及 Capacitor、Tauri、Electron 等平台外壳。它聚焦于响应式布局骨架：页头、页脚、侧边抽屉、页面容器、底部操作表、悬浮按钮和下拉刷新等触屏优化组件，并说明多平台目标构建方式。该技能强调组件职责边界：数据表格、复杂选择器、菜单等交给 PrimeVue 相关技能，颜色由设计令牌统一管理，动效由动效技能负责。安装方式为 npm 安装 quasar 与 @quasar/extras，并以开发依赖安装 @quasar/vite-plugin。资料未提供版本要求、收费信息或具体效果说明。
该技能为 Vue UI 提供视觉自校正闭环：在布局或仪表盘改动后，通过 Playwright MCP 截取 Vite 开发服务器的实时页面，检查并修复重叠、换行断裂、内边距错位和未样式化字体等问题。它要求开发服务器已运行在 http://localhost:5173，分别以桌面（1440×900）和移动（390×844）视口截图，读取 PNG 后修正代码并重复，直至截图无缺陷。不适用于 CLI 场景，也不替代 @visual-auditor 的正式审查记录。
vue-design-system 是一个面向 Vue 3 与命令行界面的构建路由型技能，用于在编写界面代码前决定由哪个配套技能和包来实现界面。它锁定 Vue 3（Composition API、<script setup>）技术栈，明确不使用 React、Tailwind CSS 或 Bootstrap。面向应用框架、抽屉、标签页、移动或桌面外壳时，路由到 Quasar 基础技能；面向数据表格、树、选择器、SaaS 表单和浮层时，路由到 PrimeVue Aura 技能；微交互与过渡由动效技能处理；主题与颜色由设计令牌技能处理；终端与 CLI 交由 CLI 界面设计技能，并使用 @clack/prompts、consola、picocolors。GUI 分支完成后还需加载动效技能，再用 Playwright MCP 做视觉验证。该技能本身不定义新的视觉风格，美学方向由通用设计技能负责。
ultrapolish-ios 是一套面向原生 Swift/SwiftUI 应用的通用打磨流程与工艺标准，帮助应用在保留自身视觉风格的前提下，提升细节、UX 与一致性。它不引入新的字体、配色或动效个性，而是强调先读项目既有规则与设计契约。
行为金融学交易应用：将过度反应与反应不足、处置效应、羊群效应和投资者情绪周期转化为可量化的交易信号与风控规则，面向A股等散户主导市场的动量、反转与逆向策略。
该技能用于在 Next.js App Router 中实现 Fetch API、缓存与重新验证策略，适合在获取数据、配置缓存行为或实现 revalidate 时使用。资料涵盖静态、动态、重新验证三种策略，直接访问数据库或服务层、并行请求、按路径或标签刷新缓存，并列出应避免的写法。
针对 Next.js 性能与 Core Web Vitals 的优化技能：使用 next/image、next/font、next/script 与 metadata 配置，减少布局偏移并提升加载表现，同时给出性能监控指标与常见反模式。
Next.js App Router 渲染策略技能，用于按数据新鲜度与扩展需求选择并实现 SSG、SSR、ISR、Streaming 与 Partial Prerendering。
面向 Next.js App Router 的 Agent 技能，指导构建异步 React Server Components（RSC），并把 'use client' 边界下推到交互叶子节点，通过 children 组合、可序列化 props 与 server-only 模块来最大化 RSC 收益。适用于判断 RSC 与 Client Component 的取舍。
一个用于编写 React Hooks 的技能，强调清晰的效果边界与有节制的记忆化。适用于处理 useEffect、自定义 Hook、refs、transitions 或 Hook 依赖数组等场景。
为 Next.js 应用添加 ibl.ai 项目界面（项目落地页：聊天输入、项目文件、项目指令与已分配智能体）的技能，复用 SDK 的 Chat 组件，通过传入 projectId 自动切换为 ProjectLandingPage。
面向 React 的 Ignite UI 技能，讲解如何依据设计图（截图、原型或线框图）搭建 React 视图：识别区域与组件、检查现有主题、查询组件文档与 API、生成主题令牌、实现布局与模拟数据并做视觉校验。
该技能提供 React 前端架构规范，涵盖 TypeScript 组件类型、Effect 使用决策、状态管理与性能优化、React 19 新 API、Next.js App Router、Vitest 与 React Testing Library 测试及 Tailwind 集成等实践指引。
react-native-screen-transitions 是面向 React Native 与 Expo Router 的屏幕转场库，支持自定义动画、手势驱动转场、共享元素与吸附点（snap points），提供 Blank/Native/Component 三种 Stack 与多种预设。
针对 Tailwind CSS 动态类名在生产构建中丢失的问题，介绍成因与四类修复方案：静态映射、内联样式、v3 safelist 和 v4 @source inline，并给出验证清单。
面向 Tailwind CSS v3.4 项目的配置技能，指导编写 tailwind.config.js/.mjs/.ts，涵盖 content 扫描、theme 与 theme.extend、插件、presets、darkMode 等选项，并标注 v4 中已移除的配置项。