SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
11,042 个结果
Julik Frontend Races Reviewer 是一个条件触发的代码审查角色（persona），当代码差异涉及异步 UI 代码、Stimulus/Turbo 生命周期或对 DOM 时序敏感的前端行为时被选中。它以资深全栈开发者 Julik 的视角审查前端代码，重点关注时序、清理和 UI 手感，专门捕捉让产品显得廉价的前端竞态问题：过期定时器、重复的异步工作、在已失效节点上触发的事件处理器，以及靠一厢情愿拼凑的状态机。审查范围包括生命周期清理缺口、Turbo/Stimulus/React 时序错误、并发交互缺陷、遗留过期工作的 Promise 与定时器流程，以及会放大风险的事件处理模式。该角色要求对可追踪的竞态给出高置信度，对依赖运行时时序但明显缺少防护的给出中等置信度，对纯属猜测的担忧则抑制不报。输出为符合 findings schema 的 JSON，不含 JSON 之外的散文。
该技能提供 Flutter 应用国际化（i18n）与本地化（l10n）的最佳实践，基于 Flutter 内置本地化系统，以 ARB 文件作为翻译的唯一数据源。核心规范包括：禁止硬编码面向用户的字符串，所有文本必须通过 l10n 系统；使用 flutter_localizations + intl，不使用第三方 i18n 库；通过 BuildContext 扩展以 context.l10n 方式访问；共享组件通过参数传入本地化字符串而非直接依赖 AppLocalizations；使用 EdgeInsetsDirectional 等方向性组件以正确支持 RTL 布局；建议尽早实施 i18n。技能还涵盖设置流程、ARB 文件格式、文本方向性、后端多语言内容存储与错误消息本地化，以及新增语言、新增字符串、复数处理等常见模式。
vgv-navigation 是 verygoodopensource/vgv-ai-flutter-plugin 中关于 Flutter 导航与路由的实践规范，基于 Flutter 团队推荐的 GoRouter（构建于 Navigator 2.0 API 之上）。它规定所有导航必须使用 package:go_router，禁止直接使用 Navigator 1.0/2.0 的 push/pop；路由定义使用 @TypedGoRoute 注解实现类型安全，避免字符串路径；优先使用 go() 而非 push()，仅在需要返回数据时使用 push()；禁止使用 extra 参数，因为它会破坏深链接且无法在 Web 上工作。路由应按父子层级组织，URL 使用连字符分隔单词，通过路由名称而非原始路径字符串导航，并使用 BuildContext 扩展方法（如 context.goNamed()）。该规范还涵盖路径参数与查询参数的使用策略、根级与路由级重定向、使用 mocktail 与 InheritedGoRouter 进行测试、Shell 路由实现嵌套导航，以及通过 go_router_builder 和 build_runner 生成类型安全路由辅助代码的流程。
基于 Adobe React Aria 与 react-stately 的可访问组件模式技能，指导用 hooks 构建符合 WCAG 的按钮、对话框、组合框、菜单等交互 UI，强调键盘与屏幕阅读器支持。
Makepad 动画系统技能，用于编写和解释 Makepad 中的动画、状态与过渡代码，涵盖 hover、pressed、focus、disabled 等状态及缓动、时间线类型，并提供 Rust API 用法。
21st-ui-build 是一个用于在真实项目中构建或大幅修改生产级 UI 的技能。它会先读取项目自身的设计上下文（.21st/design.json 与 .21st/DESIGN.md），并结合现有组件与设计令牌，再借助 21st 资源加速实现。适合在需要贴合项目身份、保持既有设计语言的前提下开发界面的场景。其工作流包括：读取设计上下文并在缺失时初始化；检查目标路由、邻近组件与项目指令；通过 21st search 检索灵感；优先复用项目已有基础组件，必要时再检索或安装 21st 结果；在 AI 生成能力明确启用时，可用 21st generate 生成项目感知的备选方案，否则由本地编码代理基于检索结果实现。实现时要求使用项目真实框架，保留响应式、键盘交互、可见焦点、语义、减少动效、加载态、空态与错误态，并运行项目检查与 21st review，仅自动应用安全且确定的修复。
Frontend Design Systems 是一套用于构建一致、可维护前端 UI 组件的系统性方法，围绕设计系统与组件库展开。它提供设计令牌（Design Token）体系，包括颜色令牌、间距比例和排版系统；给出组件模式，如基础按钮组件与复合组件（Card 等）；还包含布局模式（响应式网格、容器）、状态管理模式（表单状态）、无障碍模式（焦点管理、对话框）以及集成点说明。适合需要统一视觉规范、提升组件复用性与可维护性的前端项目。
Workfront UI extension 是 appbuilder-workfront 家族中的前端技能，用于构建或编辑 Workfront App Builder 扩展的 React/Spectrum 单页应用（SPA）。它负责注册扩展点（应用在 Workfront 中出现的入口位置），并通过 Runtime actions 获取所有数据。该技能涵盖扩展点注册、路由、共享上下文、Web Worker 使用与错误处理等要点，并给出主菜单项不渲染、TableView 全选返回字符串 'all' 等实际踩坑经验。适用于开发 Workfront 扩展前端界面的场景。
面向前端规格编写的规划框架技能，用于在规格涉及 UI 组件、表单、客户端状态或用户流程时，把界面状态、组件引用、表单契约、状态归属、改动边界与可验证的成功标准写清楚。
面向 SillyTavern 的前端界面开发技能，基于酒馆助手（Tavern-Helper）与 tavern_helper_template 仓库，开发消息楼层内渲染的状态栏、开局表单等界面，涉及 HTML/CSS/JS/Vue 3、正则占位、打包与 jsdelivr 部署。
Tailwind CSS v4+ 最佳实践技能，涵盖 v4 引入的 CSS-first 配置（@theme）、主题定制、暗色模式、响应式设计、容器查询、组件模式、动画工具类、自定义工具类与性能优化。资料对比了 v3 与 v4 在配置方式、颜色定义、性能引擎和导入语法上的差异，并给出安装命令、Vite 插件配置、CSS 变量主题示例以及 cn() 工具函数写法。适用于使用 Tailwind v4 构建现代工具类优先 CSS 的前端项目。
面向 Next.js 项目的环境变量约定与安全实践技能，用于配置新项目环境、添加变量、审查安全、创建 .env.example 模板及排查环境问题。
一组用于构建现代全栈 Web 应用的中文技能资料，涵盖 Next.js、Turborepo 与 RemixIcon 三个工具，介绍其安装命令、项目结构、核心能力与适用场景。
基于官方 U.S. Web Design System Core 构建美国联邦政府网站与服务，涵盖 HTML 组件、Sass/CSS、JavaScript 行为与设计令牌，并指导在既有技术栈中落地、版本固定与无障碍验证。
面向 Vite + React + TailwindCSS v4 + lucide-react 技术栈的前端项目搭建与开发技能，用于创建前端项目、搭建 React 开发环境以及使用 TailwindCSS 进行样式开发。
本技能提供 Vue 3 开发实践指导，核心原则是默认使用 `<script setup>` 与 Composition API，并且禁止凭训练数据直接写 API，要求先确定项目 Vue minor 版本（优先 3.4 / 3.5）再查阅对应参考文件。适用于编辑 `.vue` 文件、Vue TSX/JSX 组件或编写组合式函数时使用。技能涵盖响应式 API 选型（ref、reactive、shallowRef、shallowReactive、markRaw、triggerRef、customRef、computed 的适用场合）、组件与数据流约定（props 向下事件向上、provide/inject、defineModel、defineOptions、defineSlots、泛型 script setup、MaybeRefOrGetter 与 toValue、副作用清理用 onScopeDispose）、以及更新成本优化（稳定 :key、稳定 props、defineAsyncComponent、热状态隔离）。
Vue 3 开发最佳实践技能，适用于任何 Vue 3 项目。在编辑 .vue 文件、.tsx 或 .jsx 形式的 Vue 3 组件及相关 .ts、.js 文件时使用，用于指导组件拆分、状态管理、可读性与性能优化。
一项用于评估、设计或重构 React 组件与自定义 Hook 的技能：自定义 Hook 不是默认抽象单元，而是最后选择，优先考虑普通函数或模块，仅在状态、副作用、生命周期、订阅、清理或 ref 等 React 依赖构成单一职责时才使用 Hook。
本技能介绍如何在使用 Astro 的项目中以 React 岛（island）方式集成 CometChat React UI Kit v6，覆盖 client:only 渲染、Provider 写法、聊天页面与抽屉模式、岛间通信、环境变量配置等主题。
用于在 Vite 或 Create React App 的纯客户端 React 项目中集成 CometChat React UI Kit v6 的技能，涵盖项目识别、Provider 初始化、登录守卫、路由与布局接入、环境变量与 CSS 引入等具体做法。
HTML 邮件无障碍的参考数据技能（非审查器），整理表格布局、内联样式、深色模式、图片替代文本及各家邮件客户端渲染限制，供 email-accessibility 智能体使用。
社区无障碍代理中的参考规则集，按文件类型提供无障碍编写规范，涵盖语义 HTML、ARIA、CSS、Markdown、测试与术语等；它是参考数据而非审查工具，需按当前处理的文件类型选择对应参考文件阅读。
audio-loop 是一个用于把已有音频床处理成适合网站循环播放的技能：校验源文件、可选立体声平衡、响度归一化并编码为 FLAC，同时生成可直接粘贴的 Web Audio 播放代码片段。它不修复源文件本身的循环断点。
Astro 是面向内容型网站的 Web 框架，默认零 JavaScript，采用岛屿架构，支持多框架组件与 Markdown/MDX，适合博客、文档、营销页与作品集等场景。