SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-28 00:17
11,239 个结果
WP Blocks 是一套面向 WordPress Gutenberg 区块开发、区块主题创建与 Interactivity API 的综合技能。目标环境为 WordPress 6.9+（PHP 7.2.24+）。内容分为五部分：区块开发（block.json 元数据、apiVersion 3、静态与动态渲染、包装函数、属性与序列化、InnerBlocks、弃用处理、PHP 注册）、区块主题（主题结构、theme.json v3、模板与模板部件、模式、样式变体、WordPress 6.9 新增的表单元素样式、边框圆角预设、按钮伪类）、Interactivity API（指令参考、store 模式、服务端渲染、水合规则、6.9 变更）、工具链（@wordpress/scripts、wp-env、调试常见问题）以及常见错误清单。适合需要构建自定义 Gutenberg 区块或区块主题的开发者参考。
Blog Writer 是一个用于撰写并发布完整博客文章的写作技能，覆盖选题、结构、SEO 与站点集成，产出可发布的成品文章而非仅停留在创意阶段。适用于需要长文网站内容、文章结构、SEO 与内容整合的任务。
为客户网站生成15-25个定向博客选题的技能，每个选题附约200字摘要。会先读取网站与文档内容，评估信息充分度，从20种构思方法中自适应选择，并通过引导式访谈补充缺口，最终输出分级选题清单。
面向高端软件产品交付的技能，用于设计、构建、定价、包装或评审 SaaS、ERP/POS、仪表盘、网站及代理交付物，强调以可量化业务价值、产品深度与服务证据支撑溢价。
pmndrs 官方文档 MCP 服务器，用于在回答 react-three-fiber、drei、zustand 相关问题前查询 docs.pmnd.rs 的官方文档与示例，避免依赖过时记忆。
PostHog conversations 产品的文件布局技能：规定在 products/conversations/ 下新增、移动、重命名或审查文件时，前端组件、辅助函数与测试应放置的位置，适用于为 conversations 前端添加 React 组件或审查相关 diff。
面向高端前端体验的智能体技能，强调动效、排版与视觉系统，用于构建沉浸式、高性能的网页界面。适用于高端落地页、交互式作品集等场景，并提供跨客户端使用与验证规范。
面向 Shopify 购后（Post-Purchase）追加销售界面的 SDK 参考技能，基于 @shopify/post-purchase-ui-extensions-react，涵盖 29 个 React 组件目录、生命周期契约与沙箱规则。该包 npm 版本 0.13.5，已处于维护状态，无更新版本；现代 <s-*> checkout-extensions SDK 尚无购后目标。
put.io 前端仓库的编码模式与规范技能，用于编写或评审 UI/前端代码，或在仓库中建立 .patterns/ 约定。强调 schema 驱动、边界解析、状态机、错误本地化与类型安全。
Vue Best Practices 是一套面向 Vue.js 任务的技能指令集，用于指导 AI 按标准化工作流完成 Vue 开发。它默认推荐 Vue 3 + Composition API + `<script setup lang="ts">` 作为标准技术栈，并在编码前要求确认架构、规划组件边界。核心内容涵盖响应式设计、单文件组件（SFC）结构、组件数据流、可组合函数（composables）等基础规范，同时提供插槽、Teleport、Suspense、Transition、指令、异步组件、状态管理等可选特性的按需引用，以及大列表渲染等性能优化建议。该技能以分步工作流的形式组织，要求在执行前后进行自检，帮助开发者在可读性、可维护性和性能之间保持一致。
Olófòófó 是一个伴随单次智能体会话的连续性技能：它安静地跟踪会话方向、在出现实质风险时给出有证据依据的提醒，并维护一个可离线阅读的 HTML 记录，用于保留可复用的经验。
用于撰写或编辑网站文案、博客与编辑类内容，聚焦读者、结构、语气与目标。适用于博客文章、网站页面文案、操作指南、知识库文章等；若涉及落地页、邮件序列、品牌语气定义、SEO关键词或内容策略，应改用对应的专用技能。
用于诊断并修复网页性能问题的技能，围绕 Core Web Vitals（LCP、INP、CLS）、包体积、资源优化、渲染性能与运行时效率。与具体技术栈无关，适合以性能本身为目标的场景，输出性能报告 performance-audit.md。
Locators Scanner 是一个面向 QA 自动化工程师的技能：扫描单个网页 URL，识别页面上的可见元素，并按所选框架（Playwright、Cypress 或 WebdriverIO）的原生定位策略为每个元素挑选最佳定位器，输出 Page Object Model 代码文件和/或 JSON 定位器文件。
X(Twitter)订阅账号推文工具，可从榜单、指定@handle或关注列表三种入口订阅名人账号，每日9:00自动拉取近24小时推文，按账号分组生成X风格HTML日报，支持互动数据与AI语义总结，最多订阅100个账号，需红狐hub API Key。
frontend-design 是一个前端设计技能，用于构建独特、生产级、高设计质量的网页界面，避免常见的“AI 生成感”审美。适用于用户要求创建 Web 组件、页面或应用时。
用于在 React Native 开发等场景中控制 iOS 模拟器的技能：通过封装 xcrun simctl 和 AXe 的 shell 脚本实现点击、输入、滑动、截图、录屏、安装与启动应用，并提供截图分析、无障碍树检查和自动化交互流程。
该技能介绍 Storefront Next 的扩展（Extension）系统，用于通过 target-config.json、目标点（target points）、扩展路由和翻译命名空间构建模块化功能。扩展是自包含的功能模块，可在不修改核心代码的前提下，向 Storefront Next 店面添加组件、路由、翻译和上下文提供者。技能强调在创建扩展前先审计基础代码，避免重复渲染已有内容；并给出扩展目录结构、目标配置、目标点、扩展路由、翻译自动命名空间以及集成标记的用法。
该技能介绍如何在现有 SFRA 或 SiteGenesis 店面旁运行 Storefront Next，实现渐进式迁移，通过 CDN 路由与会话桥接在两种实现间分流流量。
sfnext-i18n 是面向 Storefront Next 的国际化（i18n）技能，基于 i18next 实现服务端与客户端双实例架构。服务端实例可访问所有语言的全部翻译，客户端实例按需以 JavaScript 分块动态导入翻译。它提供双 API：组件中使用 useTranslation()，非组件代码中使用 getTranslation()。翻译按语言区域（locale）以命名空间文件组织，并编译为 TypeScript 索引。该技能涵盖翻译文件结构、组件与服务端代码用法、Zod 校验模式的工厂函数写法、语言切换、扩展翻译命名空间以及常见陷阱，适用于在 Storefront Next 项目中添加多语言支持的开发场景。
sfnext-page-designer 是 Salesforce Commerce Cloud B2C 开发工具集中的一个技能，用于在 Storefront Next 中集成 Page Designer。它通过 React 装饰器、组件注册表和 Region 组件，帮助开发者构建商家可编辑的页面。页面结构（区域、组件、属性）从 Shopper Experience API 获取，并通过组件注册表和 <Region> 组件渲染。适用于创建首页、分类页、搜索页、产品详情页等商家可编辑页面，而购物车、结账、账户、认证等页面不使用 Page Designer。
sfnext-project-setup 是一个用于创建和配置 Storefront Next 项目的技能。Storefront Next 是基于 React 19、React Router 7、Vite 和 Tailwind CSS v4 构建的服务端渲染 SPA，运行在 Managed Runtime（MRT）上，所有 SCAPI 请求均在服务端执行。该技能指导用户通过 Business Manager 创建实例连接的店面（推荐，会创建 API 客户端、MRT 资源、初始配置和部署），或通过 CLI 进行本地探索。内容涵盖项目结构说明、环境变量配置、开发命令以及必须遵守的规则（仅用 TypeScript、服务端数据加载、同步 loader、仅用 Tailwind CSS 4、使用 createPage() HOC），并提供常见问题排查指引。
sfnext-routing 是一个用于 Storefront Next 项目的路由技能，帮助开发者使用 React Router 7 实现基于文件的路由。它适用于添加新页面、创建布局路由、定义路由参数等场景。该技能采用 flat-routes 文件约定，路由文件存放在 src/routes/ 目录下，文件名通过点号（.）分隔映射为 URL 路径。技能涵盖路由文件命名规则、路由模块导出（loader、action、default）、布局路由、资源路由等核心内容，并提供添加新页面的完整示例。
Sanity i18n 的 <Translate> 组件使用指南，用于渲染包含标记（markup）的本地化字符串。核心规则是 components 映射中的组件必须稳定、定义在模块作用域，禁止在渲染时内联定义，否则每次渲染都会产生新的组件标识，导致 React 卸载并重新挂载子树，丢失状态、DOM 和焦点。无标记的消息应优先使用 t() 函数，因为 <Translate> 渲染开销更大。