SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
10,989 个结果
mobile-design 是一套面向 iOS 与 Android 应用的移动优先设计与工程准则，来自 liuchiawei/agent-skills。它以触控优先、尊重平台规范、省电与可离线为核心哲学，主张移动端不是缩小版桌面，强调先考虑约束再考虑美观。该技能提供移动可行性风险指数（MFRI）用于在实现前评估平台清晰度、交互复杂度、性能风险、离线依赖与无障碍风险；要求在开工前明确平台、框架、导航、离线需求、设备与受众，并强制阅读移动设计、触控心理、性能、后端、测试与调试等参考文档。它还列出 AI 在移动开发中的硬性反模式禁令，涵盖性能、触控体验与安全三类问题，并给出 React Native 与 Flutter 的必需代码模式、平台统一与分化矩阵、移动 UX 心理学要点、框架决策树以及发布前检查清单。
Tailwind CSS v4 使用原则与模式集合，涵盖 CSS 优先配置、容器查询、现代布局与设计令牌架构。内容基于 Tailwind v4（2025）整理，说明 v3 到 v4 的变化（如 tailwind.config.js 改为 CSS 的 @theme 指令、Oxide 引擎、原生嵌套与 CSS 变量等），并给出主题定义、语义化颜色、间距与字体令牌示例。同时讲解容器查询与视口断点的区别及使用场景、响应式断点系统与移动优先原则、暗色模式配置策略、Flexbox 与 Grid 现代布局模式、OKLCH 色彩体系、字体栈与字号层级、动画与过渡、组件抽取时机与方法，以及常见反模式与性能原则。适合使用或迁移到 Tailwind CSS v4 的前端开发者参考。
hwc-media-content 是面向 Hotwire 的媒体与富内容技能，用 Stimulus 与 Turbo Frames 实现图片、视频、音频的上传、预览、播放控制、进度跟踪及第三方媒体集成。
Traffic Magnet 是一个面向零广告预算新网站的有机流量策略编排技能，通过询问业务类型、目标受众、主要目标和每周可投入时间，路由到关键词研究、社区策略、外联模板、内容写作等专项技能，并输出 30 天行动计划与流量蓝图。
用于生成 X（Twitter）帖子视觉风格的 Instagram 轮播图技能：输出可滑动的自包含 HTML 预览，并可导出为 1080×1350px 的 PNG 幻灯片。
面向 Shopify 主题开发的 HTML 结构、data-* 数据属性与注释规范指南，用于在 Liquid 模板中组织标记、向 JavaScript 传递配置数据，并约束注释时机与写法。
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
Next.js 是 React 框架，提供 App Router、Server Components、文件路由、数据获取、API 路由、中间件与部署等能力。本资料为面向 Next.js 现代开发（以 App Router 为主）的专家指导，涵盖项目搭建、组件模型、缓存、导航、元数据与最佳实践。
React Native 状态管理技能，覆盖 Redux Toolkit、Zustand、TanStack Query 以及 AsyncStorage/MMKV 数据持久化，帮助开发者按场景选择合适方案并落地。
表单自动保存技能：通过防抖机制在用户输入变更后自动提交表单，减少过多服务器请求，为表单编辑提供无缝自动保存体验，适用于长表单、富文本编辑和多字段编辑页面。
介绍 Angular 依赖注入（DI）系统的技能资料，涵盖 inject() 函数、各类 Provider（useClass、useValue、useFactory、useExisting）、InjectionToken、层级注入器、环境 Provider、多 Provider 与测试中的依赖替换等用法。
面向 Next.js 数据获取的实践指南，覆盖 SSG、SSR、ISR 与缓存策略，讲解 fetch 缓存选项、generateStaticParams、按需与定时重新验证、并行请求、Suspense 流式渲染、错误处理及 Server Actions 变更数据等模式。
面向 React Flow（@xyflow/react v12+）的节点式界面开发技能指南，涵盖工作流编辑器、流程图与交互式图表的搭建模式与最佳实践，包含自定义节点/边、状态管理、性能优化、自动布局与 TypeScript 集成等规则。
这是一个用于审计和减少 Next.js 浏览器初始加载工作量的技能。它面向路由启动缓慢、客户端包体积过大、浏览器依赖重复，或可延迟到交互后再加载的功能等场景。技能提供审计（默认）与修复两种模式：审计模式生成分析器产物并报告候选优化点，不改动应用源码、依赖和锁文件；修复模式需明确请求才会修改应用。工作流程包括设定范围、捕获并导出基线快照、解读证据、解释候选、验证单次改动以及报告结果，并强调在沙箱阻止 TCP 端口绑定时需在沙箱外运行捕获命令。
init-vercel-shop 是一个用于初始化 Vercel Shop 店面的技能，基于 vercel/shop 模板，通过 create-next-app 脚手架创建新项目。当用户想要创建、搭建、启动或初始化 Vercel Shop 店面时使用。该技能会要求用户提供目标目录并显式传入，检查目标目录是否已包含 Vercel Shop 项目或为非空目录，然后运行 pnpm create next-app@latest 命令生成项目，并确认生成结果包含 AGENTS.md、.agents/skills/、app/、components/、lib/shopify/ 和 package.json 等关键文件。若依赖安装失败，会保留生成的项目并提示重试命令。之后可选询问是否连接现有 Shopify 商店，若选择连接则引导完成 Storefront token 配置流程。
用于规划与审查应用、文档和网页等界面的本地化工作，覆盖字符串提取、区域路由、复数/日期/数字格式化、RTL 与回退策略，并强调以产品契约而非单纯翻译来对待本地化。
publish 是一个用于发布 Lexsis 店铺前台草稿版本的技能。它的核心作用是把带有 DESIGN_APPROVED 标记的页面草稿正式发布上线，适用于完成设计页面（/design-page）、测验（/quiz）或优化（/optimize）后明确要求发布的场景。该技能要求发布是一次独立且显式的操作，不会在此过程中重建页面。它通过读取工作流意图、操作记录与托管 QA 证据，确认店铺/主题绑定、源码与分节哈希、远程版本号等一致，并校验发布所需的权限与责任范围，最后调用 lexsis_live_ops 的 publish 动作完成上线。对于启用保存功能的测验，还需确认捕获策略与不可变页面版本 UUID 和实例哈希匹配，并在发布后验证保存与同意组合、表单响应留存及真实购物车结果。该技能也支持按用户明确要求执行取消发布或回滚。
面向 React Three Fiber（R3F）的三维开发技能，讲解 Canvas、网格、材质、灯光、相机、动画、事件、物理、后处理与性能优化等核心模式，供在 React 中构建三维场景、产品查看器与交互体验时参考。
面向 React 的 Material UI（MUI）组件库模式技能，讲解以主题为核心定制组件、分层样式选择、色彩方案与暗色模式、slots/slotProps、布局及服务端渲染等用法与限制。
StyleKit 的界面风格技能，用于选择并应用有明确名称的视觉风格，参考设计规格、组件配方和公开资产完成界面设计、改样式或一致性审查。
Vue Doctor 是一款用于诊断和修复 Vue/Nuxt 代码库健康问题的工具，可检查安全、性能、正确性与架构问题，输出 0-100 分并提供可操作的诊断建议。
BIMFACE 矢量图纸 Web 应用开发技能，基于 JSSDK v3，用于在前端页面实现二维矢量图纸的可视化与交互，涵盖图纸交互、图元操作、图层、注记等模块。
React Hook Form 与 Zod 校验的实践技能，涵盖表单搭建、校验 schema、字段组件、错误处理与提交，并集成 shadcn/ui。
React Hooks 技能，涵盖内置 Hook（useState、useEffect、useContext 等）、性能 Hook 与自定义 Hook 开发，并讲解 Hooks 规则、常见陷阱与排错方法。