SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
11,266 个结果
frontend-patterns 是一份面向 React 与 Next.js 的前端开发模式参考，收录了组件设计、状态管理、性能优化、表单处理、动画与无障碍等常见实践。内容以 TypeScript 代码示例为主，涵盖组合优于继承、复合组件、Render Props、自定义 Hook（如 useToggle、useQuery、useDebounce）、Context + Reducer 状态管理、useMemo/useCallback/React.memo 记忆化、代码分割与懒加载、长列表虚拟化、受控表单校验、错误边界、Framer Motion 动画以及键盘导航与焦点管理等主题。适合前端开发者在构建可维护、高性能用户界面时作为模式速查与实现参考。
为 @open-mercato/ui 提供后端管理界面设计的内部 Codex 技能副本，指导使用现有组件库构建一致、生产级的后台页面；常规后端页面建议优先使用 om-backend-ui-design 主技能。
面向 AI SDK v6 聊天界面的渲染指南技能，讲解如何处理 UIMessage 的 parts、工具调用结果、流式状态与结构化数据展示，避免把原始 JSON 直接渲染到聊天界面中。
面向 Next.js 16+ 的 Cache Components 使用指南，覆盖 PPR、use cache 指令、cacheLife、cacheTag、updateTag，以及从 unstable_cache 迁移的方法。适用于在单个路由中混合静态、缓存与动态内容。
bx-sites 的博客、文档版本化、i18n 与重定向技能：在 ortus-boxlang/bx-sites 项目中以约定优于配置的方式搭建博客、多版本文档树、多语言站点和旧 URL 重定向。博客只需把文章放到 docs/blog/posts/ 即自动生成分页 /blog/、分类页、年度归档页、作者页、RSS 与 /blog/stats/，并支持 frontmatter（title、date、authors、categories、tags、summary、image、slug、draft 等）与 authors.yml。版本化只需新增 docs/versions/ 子文件夹，用 bxSites version:new 剪切版本，自动生成版本切换器。i18n 放在 docs/i18n/<code>/ 并按页镜像，用 bxSites i18n:new 初始化，自动出现语言切换器。重定向支持页面级 redirect_from 与站点级 redirects 配置。
OpenUI Forge 的 Java 版技能，用 React 前端加 Java Spring Boot（WebFlux）后端搭建生成式 UI 应用。后端通过响应式 WebClient 以 SSE 方式把 OpenAI 的流式响应转发到浏览器，并与前端 openAIAdapter() 配套。
Browser Canvas 通过文件操作在浏览器窗口中渲染交互式 UI，支持 React（App.jsx）与 Vanilla（index.html）两种模式，服务器依据文件名自动检测。React 模式含预打包 shadcn/ui 组件、Tailwind CSS、Recharts 与热重载；Vanilla 模式无构建步骤、可移植。
Animation & Micro-interaction Pack 是一套可复用的交互动效模式与动画预设集合，用于让 UI 呈现更精致、更打磨过的观感。该技能包汇集了常见的动画模式，包括悬停效果、过渡、入场动画、手势反馈以及加载状态动效，并给出 Tailwind CSS 配置与 Framer Motion 代码示例。其内容涵盖悬停放大、上浮、发光与颜色变化，入场淡入、滑入、缩放入场与列表错峰效果，退场淡出、滑出与缩放消失，加载脉冲、骨架波纹与进度条，以及点击涟漪、拖拽反馈、滑动指示等手势动画。同时提供性能与体验层面的最佳实践：微交互使用 200–300ms 时长、遵循 prefers-reduced-motion、优先动画 transform 与 opacity、加入缓动函数、对列表项做错峰处理，并为元素提供 hover/active 状态。适合前端开发与界面动效设计场景下参考与复用。
用于构建单文件交互式 HTML 探索器/工具的技能，带可视化控件、实时预览和可复制的自然语言提示词。产出无外部依赖的自包含 HTML 文件，需在桌面浏览器中交互验证。
可访问性合规技能，用于构建网页界面、HTML 模板、表单、导航、弹窗和动态内容时遵循 WCAG 2.1/2.2，目标是至少达到 Level AA。资料给出语义 HTML、ARIA、对比度、键盘操作、响应式与测试清单等实践指引。
HyperUI 是一套免费开源的 Tailwind CSS HTML 组件集合，共 481 个可直接复制粘贴的纯 HTML 组件，无需 JavaScript 框架。分为应用界面、营销页面和新粗野主义三类，可通过 frontend-components MCP 服务器浏览、搜索和获取组件代码。
面向 Tailwind CSS 的编写、审查与重构指南，覆盖工具类优先写法、类名组合、响应式与暗色模式、颜色与排版、状态变体及 Tailwind v4 变更。
pentiminax/ux-datatables 是一个将 DataTables.net 集成到 Symfony 的扩展包（bundle）。开发者通过继承 AbstractDataTable 并使用 #[AsDataTable(Entity::class)] 注解来声明数据表类，定义列，再在 Twig 模板中用 render_datatable() 函数渲染。配套的 Stimulus 控制器（@pentiminax/ux-datatables/datatable）会按需懒加载 DataTables 及其扩展。它支持客户端与服务端两种模式：数据量较小（约 5k 行以内）且可一次性加载时使用客户端模式，由浏览器完成分页、筛选和排序；数据量较大时使用服务端模式，由数据库处理分页、筛选和排序，Doctrine 数据提供器会依据 #[AsDataTable(Entity::class)] 自动装配。该包还提供列类型、行操作、筛选栏、多种 DataTables 扩展以及 API Platform 与 Mercure 的可选集成。
面向 WCAG 2.2 无障碍开发的中文技能资料，涵盖 POUR 原则、语义 HTML、ARIA、键盘导航、屏幕阅读器、无障碍表单、颜色对比与动态内容等实践，并给出 axe、Lighthouse 等测试方法与常见反模式。
面向 Next.js 全栈开发的专家技能，覆盖 SSR、SSG、ISR、App Router、Server Components、数据获取与缓存、SEO 与性能优化等主题，并列出常见反模式与参考文档，辅助开发者构建生产级 React 应用。
React Native 专家技能，覆盖跨平台移动开发、原生模块集成与性能优化，适用于涉及移动端、JavaScript 与原生代码协作的场景。
Remix 框架专家技能，覆盖嵌套路由、loader 数据加载、action 表单处理、渐进增强与符合 Web 标准的全栈应用开发，适合在编写或排查 Remix 项目时参考。
Svelte Expert 是一份面向 Svelte 与 SvelteKit 的专家知识技能，聚焦编译期响应式、极少运行时开销与高性能 Web 应用构建，覆盖组件、响应式、Stores、SvelteKit、性能优化、最佳实践与常见反模式。
面向 Vue.js 3 开发的技能文档，专注 Composition API、Pinia 状态管理与 Nuxt.js，用于构建现代化响应式 Web 应用，并归纳最佳实践、常见反模式与参考资源。
WebRTC 实时通信专家技能，覆盖信令协议、ICE/STUN/TURN、对等连接、媒体流与音视频应用开发，提供核心概念、最佳实践、反模式及实现示例参考。
用于商业计划中的网站投资规划技能：把网站视为业务投资，说明网站角色、类型与范围、设计理念、技术栈、一次性与经常性成本，并核对营销、运营、财务与实施各节。适用于含网店、预约、内容中心、落地页、门户、Web 应用或 SEO 获客的计划。
一个用于在 PHP 与 Next.js/Node.js 之间做技术选型的决策框架技能，覆盖各自适用场景、迁移策略与混合架构，适合新项目立项、技术栈评估或决定是否扩展 PHP 代码库时使用。
面向生产级 React 应用的进阶设计模式技能，涵盖容器/展示组件、带组合的高阶组件、Render Props、Control Props、Prop Collections/Getters、复合组件、State Reducer 与 Immer，用于组件架构设计与复用决策。
build-frontend 是一个用于构建或修改前端界面的技能，强调复用仓库原生组件，并保持无障碍、响应式行为、状态处理与视觉一致性。