SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
11,382 个结果
Streamdown 是 Vercel 推出的一个面向 AI 流式输出的 Markdown 渲染组件，定位为 react-markdown 的直接替代方案，专为实时渲染 AI 模型生成的 Markdown 内容而设计。它能够在内容尚未完整、语法未闭合的情况下平滑渲染，适合构建聊天界面等需要实时展示模型输出的场景。安装方式为 npm install streamdown，使用 Tailwind CSS 进行样式处理，并提供 streamdown/styles.css 样式文件。它采用插件化架构，可按需引入代码高亮、数学公式、图表及中日韩语言支持等扩展能力，并支持为代码块、表格和图表启用复制、下载、全屏、平移缩放等交互控件。组件通过 isAnimating 属性控制流式光标的显示，内部注重安全渲染，支持 GFM 语法。
ffca-routing 是面向 FFCA monorepo 的 Flutter 路由与导航工作流技能。它的核心约束是功能隔离：功能模块不能知晓应用的全局路由表，也不导入应用路由或其他功能的路由，导航由应用层以依赖注入的方式提供。技能指导按部件树深度选择注入方式：浅层树在模块上直接传类型化回调，深层树在功能表示层定义导航接口并通过 Provider.value 下发，避免属性逐层传递。应用层使用 go_router 与 go_router_builder，通过 @TypedGoRoute 和 GoRouteData 类实例化功能模块并接线回调，禁止字符串路径，改用生成的路由类导航。路由表可按功能拆分文件，但须属于同一库（part），否则生成的 $appRoutes 会静默遗漏路由。延迟导入集中在路由表中，以 deferred as 前缀首次需要时加载。深链接要求屏幕仅凭 URL 参数可重建，$extra 作为可空优化处理。此外还涵盖可视化扩展点与 add-to-app 场景。具体参考文档位于插件根目录的 references 下。
page-builder 是一套面向 B2B 服务型企业（代理机构、外包、咨询）的网站页面生产流水线技能。它以“站点蓝图”为必要输入，规定每张页面在站点架构中的位置（父页、内容簇、URL、内链来源），随后按页面类型选用对应 Kit（服务页、行业页、案例页、博客页），依次执行：信息收集、架构闸门 G-A、结构填充与文案撰写、文案去机器味独立编辑、搜索与 AI 可见性优化、UI/UX 检查、转化与分析事件、技术检查；再经技术闸门 G-T 与由未参与构建的独立模型执行的盲审闸门 G-J（加权评分≥85 且无硬失败项），最多三轮修正；若页面交由他人完成或发布，则输出交接包（README、TODO、CMS 分块、素材目录），并安排 30 天与 90 天上线后复盘。
面向 Nuxt 3/4 应用的性能优化与架构规范技能，包含按影响优先级排列的 40+ 条规则，覆盖数据获取、自动导入、服务端路由、渲染模式、状态管理、类型安全、模块插件及部署性能，用于指导自动化重构与代码生成。
面向「1С-Битрикс: Управление сайтом」建站与二次开发的编排型技能，覆盖企业站与网店，基于 26.x 内核（核验于 26.150.0）。负责判定环境、约束路由到内容、SEO、模板、环境、配置、电商、安全、质量、更新、REST 等子技能。
该技能用于在 Next.js 前端中构建新页面、视图或数据驱动功能，适用于在仪表盘或营销区域新增路由、将 UI 接入后端等场景。前端代码位于 frontend/src/，采用 App Router、TypeScript、Tailwind、next-intl 和 Zustand，路由带语言前缀 app/[locale]/…。目录结构上，页面在 src/app/[locale]/…，Next.js 路由处理程序在 src/app/api/…，API 客户端与辅助工具在 src/lib/，组件按领域放在 src/components/，Zustand 状态在 src/stores/，自定义钩子在 src/hooks/。实现步骤为：新增页面文件，默认使用服务端组件、仅在需要交互时加 "use client"；在 src/lib/ 中新增类型化客户端，避免在组件中散落 fetch 调用；在 query-keys.ts 注册查询键；如需共享客户端状态则新增 store 并从 index.ts 导出；可复用组件按领域存放并复用 ui 基础组件，组件保持在约 100 行以内；用户可见文案通过 next-intl 消息目录管理，不硬编码字符串。验证方式为运行类型检查与 lint，再以开发模式启动并检查页面渲染。
用于构建具有明确艺术方向、可直接用于生产的前端界面的技能，可在搭建或重构网页组件、页面、仪表盘与落地页时使用，重点规避文字堆砌、布局重复、通用样式回退与交互肤浅等常见问题。
用于把 Figma 设计组件与代码组件通过 Code Connect 建立映射的技能，可批量发现未映射组件并在代码库中寻找匹配实现。需 Figma MCP、已发布到团队库的组件以及 Organization 或 Enterprise 套餐。
Warp 客户端 GUI 桌面端 UI 代码编写准则目录，适用于 app/ crate（WarpUI 像素/GPU 框架）；不适用于无头 TUI 前端。供开发或代理在写 UI 代码前通读，强调复用共享按钮主题与抽象，避免偏离设计系统。
Three.js API 参考文档技能，收录769个类与模块文档，覆盖场景、相机、渲染器、几何体、材质、灯光、动画、加载器、控制器、数学、辅助对象、后期处理与TSL着色器节点，回答前需在references/中按类名grep检索。
Starflow Launch 是一个用于构建 Astra 风格深色发布页或首屏的技能。它内置了 Starflow 引擎（基于 three.js 的星空粒子系统），可让星空倾斜、散开成侧边栏并重新汇聚成光标等形状。技能提供两种页面模式：带滚动叙事与形状揭示的完整发布页，以及单屏首屏。页面遵循 openai-astra 设计系统，采用黑底白字、单一字体、胶囊控件等规则。引擎以 ES 模块形式打包（638 KB / 162 KB gzip），需复制到 HTML 旁，不从 CDN 加载。技能包含模板、引擎 API 参考、编排文档和设计系统说明，并强调仅星空响应滚动、内容不遮挡画布、保留静态回退与 prefers-reduced-motion 支持。
Wix Export 是一个用于将 Wix Studio 2 网站导出到本地文件夹的 CLI 技能，也可创建新的空白 Studio 2 站点并导出。它依赖 origami CLI（需 Node 22.16+ 和 Corepack），仅支持 Wix Studio 2 站点，且需在 Wix 网络或 VPN 环境下安装。导出后可直接进入代码或设计修改，并启动本地预览。
wix-import 是 Wix 官方提供的 Origami CLI 技能，用于将本地站点代码导入现有或新建的 Wix Studio 2 站点，使导入后的内容能被 Wix 编辑器接受。该技能支持从已导出的 Origami 站点导入，也支持从其他项目重建内容后导入；不适用于 Wix Editor 或 Studio 1 站点。使用前需安装 Node 22.16+、Corepack 及 @wix/origami-cli，并完成登录；导入过程包含检查环境、安装 CLI、登录、定位站点文件夹、整理变更、运行 yarn lint 校验、确认变更并执行导入、报告结果等步骤。导入不会自动发布站点，且需注意页面链接更新及网络/VPN 要求。
Workleap 面向 React 单页应用（SPA）的性能优化指南，用于编写、审查或重构 React SPA 代码时参考，帮助减少瀑布请求、优化包体积、减少不必要的重渲染并提升渲染与 JavaScript 性能。
Bricks Elements 是一个面向 Bricks Builder 的开发技能，用于创建扩展 Element 抽象类的自定义元素。它涵盖元素类结构、注册方式、内置与自定义分类、各类控件（文本、数字、颜色、媒体、排版、间距、边框、阴影、背景、查询、中继器等）、条件控件、控件分组、渲染方法、动态数据、链接、图标、图片、构建器 Vue 预览模板、可嵌套元素、查询循环元素、脚本入队以及元素钩子等内容，并附有完整示例。
Bricks Builder 的过滤器与动作钩子参考技能，汇总元素、前端渲染、查询、动态数据、模板、主题样式、条件、弹窗、分页、WooCommerce 等可定制钩子及常见用例。
这是一个用于创建独特、生产级前端界面的技能，旨在帮助用户构建网页组件、页面或应用，并避免常见的“AI 味”设计。它强调在编码前先进行设计思考，明确用途、受众、技术约束与差异化亮点，并选定一个大胆的美学方向（如极简、复古未来、奢华、编辑杂志风等）。实现时要求代码可运行、视觉出众、风格统一且细节精致。技能提供了前端美学指南，涵盖字体、色彩与主题、动效、空间构图、背景与视觉细节等方面，并明确反对使用通用字体、俗套配色和千篇一律的布局。适用于需要高质量、有辨识度前端界面的场景。
WSO2 labs-agentic-engineer 平台上的 React 单页应用技能：用 Vite + TypeScript 构建静态 SPA，由原生 nginx:alpine 提供服务，镜像跨环境字节一致，配置在请求时通过 window._env_ 注入。
该技能用于借助 Chrome DevTools MCP 审计和优化 Largest Contentful Paint（LCP）。它通过录制性能 trace、分析 LCP 分解（LCPBreakdown）、文档延迟（DocumentLatency）、渲染阻塞（RenderBlocking）和 LCP 资源发现（LCPDiscovery）等洞察，定位真正的 LCP 元素及其最慢的子部分，再结合网络请求与 DOM 证据给出针对性修复建议，并在相同条件下重新录制 trace 验证改进效果。适用于页面加载缓慢、Core Web Vitals 优化、首屏主图或主要内容加载慢、TTFB 偏高、渲染阻塞以及修复验证等场景。
用于将 HTML 转换为 Markdown、Djot 或纯文本，适合处理保存网页、HTML 邮件正文与片段。基于 html-to-markdown 命令行工具，支持输出格式、标题与代码块样式、列表、转义和换行等设置，README 说明可用。
高性能 HTML 转 Markdown 工具，Rust 核心，提供 CLI、MCP 服务与 12 种语言 SDK。可将 HTML 字符串、文件或单个 URL 转为 CommonMark、Djot 或纯文本，并可选提取元数据、表格、内联图片与文档结构树。
templ-htmx 是一个用于构建交互式超媒体驱动应用的技能，结合 templ 模板引擎与 HTMX 实现服务端驱动的交互，无需 JavaScript 框架。它采用渐进式披露方式，先让一个交互跑通，再扩展到高级行为。主要能力包括：在服务端挂载 HTMX 资源、在布局中引入 HTMX 脚本、为组件添加 hx-* 属性、从处理器返回局部组件、通过 HTMX 请求检测区分整页与片段响应；核心 HTMX 控件涵盖 hx-get/hx-post、hx-target、hx-swap、hx-trigger、hx-indicator；高级服务端模式包括用 htmx.Is(r) 检测请求并返回片段、使用带外更新刷新多区域、通过响应头（HX-Trigger、HX-Redirect）控制客户端行为，并保持渐进增强。适用于创建动态 UI、实时更新、AJAX 交互等场景。
frontend-design 是一套面向网页 UI 的设计思维与决策技能，来自 xenitv1/antigravity-workflows。它强调“每个像素都有目的、克制即奢华、用户心理驱动决策”，主张先思考再动笔、先询问再假设，帮助设计组件、布局、配色、字体与整体审美界面。技能内置一套必须遵循的阅读规则：ux-psychology.md 必读，其余文件按需查阅；同时提供运行时脚本 scripts/ux_audit.py 用于 UX 心理学与可访问性审计。内容覆盖约束分析、UX 心理学定律、布局与比例、色彩与字体系统、视觉特效、动画原则、"惊艳感"清单以及需要避免的反模式，并特别提醒不要落入 AI 常见默认套路，如千篇一律的 Bento 网格、左右分栏 Hero、Mesh/Aurora 渐变、玻璃拟态和紫色调等。
该技能把前端设计与 AI 图片生成结合，用于生成含视觉素材的完整网页代码。适用于整站、落地页、仪表盘、产品页、作品集及营销页等需要配图的任务。通过 Gemini 生图脚本产出图片并写入页面，需自备 API Key。