SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 10-23 00:13

前端与建站

10,991 个结果

ui-motion

ui-motion 是一个面向 React + framer-motion 的动效应用技能，用于把命名化的 StyleSeed 动效应用到组件上。它提供 5 种人格种子（Spring／Silk／Snap／Float／Pulse），按 entrance（进入）、exit（退出）、hover（悬停）、press（按压）、layout（布局）等场景给出预设参数，用户可用「bouncy」「silky」「snappy」等感觉词或品牌名（如 Stripe、Linear、Vercel）来映射到对应种子。除种子外，它还提供一系列具名动效关键词（toggle-flip、toggle-curtain、reveal-blur、pop-in、shimmer、stagger-cascade 等），用于切换、揭示、加载、列表等特定交互。该技能会把目标 JSX 标签替换为 motion.X 并展开对应配方，同时遵循偏好应减少动效（prefers-reduced-motion）等约束。它仅面向 framer-motion 的 motion.X JSX，不适用于纯 CSS 过渡、GSAP，也不涉及滚动联动或视差动效。

前端与建站36 次安装

column-filtering

column-filtering 是 TanStack Table 的列过滤技能文档，讲解如何通过 columnFilteringFeature、createFilteredRowModel、filterFns 与 filterMeta 配置表格列过滤能力。内容涵盖过滤状态、行处理与过滤 UI 三类关注点的分离，介绍内置 filterFn_* 函数的按需导入与注册方式，说明 filterFromLeafRows 与 maxLeafRowFilterDepth 的叶子行优先过滤，以及 manualFiltering 手动模式的手动/客户端过滤取舍。文档还列举了常见误区，包括混用手动与客户端过滤、对渲染器输出对象做字符串过滤、忽略 updater 函数回调等，并指引在源码与类型声明文件中查看准确签名与自动移除行为。适合正在使用 TanStack Table 构建可过滤数据表的开发者参考。

前端与建站36 次安装

react-native-web-core

React Native Web 核心概念技能，用于在 React Native Web 项目中构建跨平台 Web 应用。它提供跨 Web 与原生平台一致的 API 用法，讲解核心组件（View、Text、Image、TextInput、ScrollView、Pressable 等）与 HTML 元素的对应关系，介绍使用 Platform 模块编写平台特定代码的方式，并给出组件结构、TypeScript 类型安全、无障碍属性等最佳实践，以及 Card、Counter 等示例和 Flexbox 布局、条件渲染等常见模式，还列出不应直接使用 HTML 元素、CSS 类或访问 DOM 的反模式。

前端与建站36 次安装

flutter-native-ui

围绕 Flutter 原生观感界面构建的 UI 技能，基于 Material 3 与 Cupertino 规范。它强调以当前 Flutter、Dart 与官方文档为依据，而非 React Native 或 Expo 的写法，并建议先核对 flutter --version。内容覆盖主题系统、自适应控件、go_router 导航、SafeArea 与 MediaQuery、slivers、sheets 等界面构建要点，同时要求遵循项目既有设计系统与路由，避免重复造主题或导航器。该技能还给出 imports 迁移、页面搭建流程、主题与颜色、布局、控件、导航、Dart 写法等硬性规则，以及改造后的校验要求，适用于已有 Flutter 项目或新建 Flutter 应用的界面开发场景。

前端与建站36 次安装

frontend-architecture

前端架构技能，讲述如何组织前端代码以实现可扩展性，核心是关注点分离而非按文件类型分文件夹。适用于 React/Next 与 Vue 项目，围绕 UI、逻辑、数据、类型、校验五层划分代码职责，并给出文件职责与体量参考、组件与逻辑分离、Next.js 服务端组件优先、Vue 组合式 API、状态分层、API 服务文件、表单 schema 校验、命名、Props、反“上帝组件”、Tailwind 类名卫生、TypeScript 严格模式、最小测试与无障碍底线等实践原则。

前端与建站36 次安装

react-ops

React 开发技能，覆盖 Hooks、组件架构、状态管理、Server Components 与性能优化。提供 Hooks 选择决策树、组件模式决策树、状态管理决策树，以及 React 19 新特性速查（use()、Actions、useActionState、useFormStatus、useOptimistic、React Compiler 等）、Server/Client Components 边界规则、性能优化清单与常见陷阱对照。适用于 react、hooks、useState、useEffect、jsx、tsx 等开发场景，并附带按需加载的参考文档和事实校验脚本。

前端与建站35 次安装

tailwind-ops

tailwind-ops 是一套面向 Tailwind CSS 的综合使用指南与模式集合，覆盖布局、响应式设计、组件模式、暗色模式、动画以及 v4 迁移。它通过决策树和速查表帮助开发者判断该用 Flexbox、CSS Grid 还是容器查询，并给出移动优先断点、暗色模式策略、状态修饰符、group/peer 模式等可直接复制的代码片段。文档同时整理了 Tailwind v4 相对 v3 的主要变化，包括 CSS-first 配置（@theme、@plugin、@config）、原生容器查询、@starting-style 入场动画等，并列出常见坑与修复方式。资料中还包含一份用于校验 Tailwind v4 相关事实是否过时的 Python 脚本说明，以及若干相关技能与官方文档链接。

前端与建站35 次安装