SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
11,195 个结果
Three.js 交互技能，聚焦于在 Three.js 场景中处理用户输入与对象交互。内容涵盖射线检测（Raycaster）实现点击拾取、鼠标与触摸坐标转换、多种相机控制器（OrbitControls、FlyControls、FirstPersonControls、PointerLockControls、TrackballControls、MapControls、TransformControls、DragControls）、对象选择与悬停高亮、框选、键盘输入、世界坐标与屏幕坐标互转、射线与平面求交，以及事件处理与性能优化建议。适用于需要在 3D 场景中实现点击检测、相机控制、对象拖拽与选择等交互功能的开发场景。
Three.js 资源加载技能，涵盖 GLTF/GLB 模型、纹理、HDR/EXR 环境贴图等资源的加载方式与异步模式。适用于在 Three.js 项目中加载 3D 模型、纹理、HDR 环境，或管理加载进度。提供 LoadingManager 进度跟踪、纹理配置、Draco/KTX2 压缩、多种模型格式（OBJ、FBX、STL、PLY）、Promise 异步加载、缓存与错误处理等示例代码。
Web Frameworks 技能组是一套面向现代全栈 Web 应用开发的综合指南，整合 Next.js、Turborepo 与 RemixIcon 三个工具。Next.js 提供 App Router、Server Components（RSC）、PPR、SSR、SSG、ISR 等渲染与优化能力；Turborepo 负责 monorepo 管理与任务流水线、缓存；RemixIcon 提供 3100+ 线性与填充风格图标。技能组给出单应用与 monorepo 两种技术栈选型、快速开始命令、共享组件库与数据获取等常见模式、CI/CD 配置示例，以及 Python 辅助脚本和最佳实践清单，适合构建电商、营销站、SaaS、文档站、多应用平台等场景。
按 Tufte 原则生成可直接发布的 SVG 或 HTML 图表文件，主打最少墨水、范围框坐标轴、直接标注与诚实比例。
baseline-status 是 googlechrome/modern-web-guidance-src 中的一项技能，用于查询 Web 特性的浏览器支持情况与 Baseline 状态，帮助开发者判断某特性是否已可安全使用。
Battlecard Generator 是一个面向产品营销（PMM）与销售团队的竞争情报技能，从竞品官网、评价、广告、社交与定价等公开渠道调研，生成结构化的销售对战卡（battlecard），用于在竞争性交易前快速掌握定位、优劣势与话术。
通过 ICP（理想客户画像）视角对网站做端到端审计：先构建合成画像，再对客户站点做结构化评分卡评审，并与 1-3 个竞品做逐一对比，最终汇总为一份审计报告，识别高风险客群和优先改进项。
用于抓取网站 sitemap 和博客索引，建立完整内容清单的技能。列出每个页面的 URL、标题、发布日期、内容类型与主题聚类，可统计发布规律并对重点页面做深度分析，输出 JSON 与 Markdown 摘要。
web-archive-scraper 是一个用于查询 Wayback Machine（Internet Archive）网站历史快照的技能脚本，可搜索已变更或已关闭网站的缓存页面，提取客户名单、客户评价、合作伙伴目录等信息。仅依赖 requests，无需 API 密钥，免费使用。
基于 Reactome 数据库的 R 通路富集分析技能，使用 ReactomePA 的 enrichPathway（ORA）与 gsePathway（GSEA）检验基因列表或排序基因向量在人工审编、反应级通路中的过表征或协同变化，并涉及层级去重、ENTREZ 限制与 ReactomeGSA 比较分析。
用于把代码改动或某个主题生成离线、可视化、带测验的交互式 HTML 讲解文档。支持改动模式与主题模式，输出到 .agents/results/explain/，并可通过命令渲染与校验。
React Router v7 客户端路由实践，涵盖嵌套路由、loader、action、路由与查询参数、导航守卫、错误边界和代码分割。资料覆盖声明式 SPA 模式，如需 SSR 应使用框架模式。
Design Handoff: Flutter 是一个将设计师截图与交接说明转化为 Flutter 界面的技能，基于 Material 3 与 go_router 实现。它采用两阶段工作流：第一阶段由设计师编写 mockup-brief.md，包含 Implementation spec（使用 Card、NavigationDrawer、FilledButton 等组件，间距以 dp 标注）；第二阶段由实现者依据该规范更新主题、构建应用外壳与页面，并通过多个校验脚本验证。适用于已有 Flutter 项目脚手架、.heyeddi/designs/<feature>/ 下存在参考图的场景，例如根据 PNG 或线框图实现设置页或仪表盘。技能将设计输入视为不可信数据，仅允许链接同一安装树内的 HeyEddi 技能。
该技能扫描“黄金参考页”的 token 与组件使用模式，并将其他路由与之对比以找出偏离项，适合把成熟页面的设计规范逐步推广到全站。
HeyEddi Handoff 是一个把已确认的设计稿（PNG 截图、线框图或 mockup-brief）落地为 Vue + PrimeVue + 项目设计令牌界面的技能，分“解读”和“实现”两遍执行，并默认串联 PrimeVue 架构与视觉审计子技能。
面向 Flutter 的惯用写法技能，指导以现代方式组合布局与组件，涵盖组件树、布局约束、异步后 mounted 安全与 UI 组合，不涉及 BLoC 状态管理。
用于在 Next.js 项目中落地 Feature-Sliced Design（FSD）架构的 Agent Skill，按业务域划分特性切片并强制严格的导入层级，适合预期会显著增长（如 20+ 特性）的项目。
面向 Next.js App Router 的安全技能，覆盖中间件鉴权、Server Action 输入校验、安全响应头、server-only 与 taint API。适用于添加认证中间件、用 Zod 校验服务端操作、配置 CSP 与 HSTS，以及隔离服务端敏感对象。
针对 Snipcart（可嵌入 HTML/JS 购物车）Webhook 的接收与校验技能，讲解请求令牌验证、事件类型、订阅与同步 Webhook 的处理方式及本地调试方法。
用于接收 WordPress.com 原生 Webhooks（设置 → Webhooks）投递的技能。覆盖 publish_post、publish_page、comment_post 三个 hook，说明其无签名、表单编码、纯字符串载荷等特性及处理方式。
opencli 是一个把社交与内容网站转成命令行接口的 CLI 工具，复用 Chrome 登录状态，无需额外凭据。支持 Bilibili、知乎、Twitter/X、YouTube、微博、小红书、V2EX、Reddit、HackerNews、雪球、BOSS直聘等站点，可读取热榜、搜索、查看个人数据，并执行发帖、回复、点赞等写操作。
Wallace 是一个基于 Project Wallace 分析器（wallace-cli）的 CSS 度量技能，用于在编写 CSS 的过程中读取样式表的量化指标，并据此引导 CSS 的改进方向。它把样式表转化为数字：使用了多少种不同的颜色、字号和阴影，选择器的特异性和复杂度如何，以及依赖了多少 !important。wallace-cli 只负责输出这些数字，而该技能是判断层：读取数字、决定 CSS 应该朝哪个方向调整、写出能推动指标变化的 CSS，然后再次度量。其目标是在编写过程中获得更好的 CSS，而不是简单的通过或失败判定。
React Native Keyboard Controller 键盘处理最佳实践指南，覆盖跨平台键盘管理、120fps 动画与交互式收起。要求 react-native-reanimated，支持 Fabric 与 Paper。
介绍在 Axum 中提供静态文件的技能：通过 tower-http 的 ServeDir 提供目录、ServeFile 提供单文件，用 nest_service、fallback_service 或 route_service 挂载，并说明 SPA 回退与 404 处理。