SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-17 00:11
10,794 个结果
本技能是针对在小程序项目中使用 weapp-vite 编写 Vue SFC 的实践手册，帮助开发者写出编译可预测、运行时可验证、类型可跟上的页面与组件。适用于询问 .vue 文件写法、JSON 宏与 <json> 的选择、definePageMeta/layout 配置、模板兼容或编译错误的排查、.weapp-vite 类型输出与组件声明或 route type 漂移的修复，以及在微信小程序与 Web 中使用 Wot UI、uview-plus 等 uni-app Vue SFC 组件库、使用纯模板 .vue、<script lang="jsx">/<script setup lang="tsx">、处理多平台 SFC 编译差异等场景。不涉及项目级构建配置、wevu 生命周期与 store、迁移规划，以及项目启用 weapp.react 后的 React JSX/TSX。
Syncfusion Angular Kanban 是 Syncfusion Angular UI 组件库中的看板组件技能，用于在 Angular 应用中创建和管理交互式看板（Kanban）板。该技能适合构建工作流可视化工具，把任务按状态阶段（如待办、进行中、测试、完成）分列展示，并支持拖拽卡片在列之间移动来改变任务状态。它提供泳道分组、WIP（进行中工作量）上下限约束、卡片与列模板、主题定制、事件处理以及看板状态持久化等能力。数据绑定支持本地数组和远程 DataManager，内置五种主题，具备键盘导航与无障碍支持。资料以参考文档导航的形式组织，覆盖快速上手、列与泳道、卡片与数据绑定、拖拽交互、功能定制、属性/方法/事件参考、数据持久化、样式主题、无障碍与国际化、迁移与最佳实践等主题，并给出 npm 安装命令与示例代码。
该技能用于在 Meteor 3 中构建或调试 React 界面，涵盖 meteor create --react、createRoot、JSX/TSX 入口、Rspack 的 React 检测与 Fast Refresh 等主题。它明确了 React 负责渲染与本地 UI 状态、Meteor 负责响应式数据与构建交接的分工，并给出 react-meteor-data 的经典 hooks 与 Suspense hooks 选择、订阅就绪判断、响应式列表查询、Tracker 值处理、变更调用与测试策略等实践指引。
Sveltia CMS 是一个基于 Git 的轻量级无头内容管理系统，是 Decap CMS（原 Netlify CMS）的现代继任者，为静态站点提供快速直观的内容编辑界面，内容以 Markdown、YAML 等格式存储在 Git 仓库中。
Vue Expert 是一个面向 Vue 3 生态的资深开发技能，专注于使用 Composition API、响应式系统和现代 Vue 工具链构建组件与应用。其核心工作流包括需求分析、架构设计、实现、类型校验、性能优化与测试：通过 vue-tsc --noEmit 检查类型错误并迭代修复，使用 Vue DevTools 验证响应式行为，并用 Vue Test Utils 与 Vitest 编写组件测试直至全部通过。该技能内置一份参考指南，按上下文加载 Composition API、组件、状态管理、Nuxt 3、TypeScript、移动与混合应用、构建工具等主题的详细资料。约束方面强调使用 <script setup> 与类型安全 props、用 ref() 处理原始值、reactive() 处理对象、computed() 处理派生状态，使用 Pinia 管理全局状态并正确清理 watcher 与副作用；同时禁止使用 Options API、混用两套写法、直接修改 props 或使用已弃用的 Vuex。
用于创建、扩展或调试 systems/ 目录下前端领域模块的技能，覆盖适配器、Query hooks、本地状态与公共导出，强调按需分层、依赖方向与复用既有模式。
一个用于生成三屏移动端引导流程的技能：在同一 HTML 页面上并排渲染 splash、价值主张、登录三个手机框，含状态栏、轮播圆点与主 CTA。
基于 DESIGN.md 设计令牌生成单页 SaaS 落地页的 AI 技能，包含 Hero、功能、社会证明、定价与 CTA 区块，输出单个自包含的 index.html。
该技能用于创建现代、响应式的网站，基于现代设计原则、Tailwind CSS 与当代 UI 模式生成完整的 HTML/CSS/JS 网站代码，包含动画、响应式布局与无障碍特性。适用于落地页、营销网站、作品集、企业官网、SaaS 界面、电商产品页、博客内容站以及仪表盘和管理后台等场景。技能内置设计系统基础（设计令牌、组件化架构、移动优先响应式、无障碍优先、性能优化），提供极简专业、现代 SaaS、创意作品集、电商优化四类风格参考，并附带可复用组件模板库与构建优化脚本。
React Doctor 规则的模糊测试工具 @react-doctor/fuzz，用于在规则测试通过后检测崩溃、卡顿、误报和变异敏感诊断。需在 packages/fuzz 下按 README 配置 harness 与语料库运行。
WordPress 区块主题（Block Theme）与全站编辑（FSE）架构技能，用于生成 theme.json、区块模板、模板部件、区块样板（patterns）以及 functions.php。内容涵盖主题目录结构、theme.json 的 settings 与 styles 配置、字体与字号比例、行高建议、模板与模板部件写法、样板注册、Google Fonts 资源入队、生成代码的安全转义、style.css 元数据与自定义 CSS、动画与动效（className 模式、滚动触发显示、prefers-reduced-motion）、卡片等宽布局以及落地页区块编排等规范。
这是一个面向 React 与 TanStack Start 前端开发的技术技能（Skill），用于规范前端代码的分层与组织方式。它采用 Feature-Sliced Design（FSD）架构，结合 Fowler 的组件分层思想，以及查询与变更工厂（query/mutation factories）模式。适用于处理路由、页面、组件、状态管理、UI 约定等前端任务。该技能明确要求使用 TanStack Start 而非 Next.js，采用传统 SSR + hydration，不使用 RSC 和 'use client'。它规定了从 Route → Page → Feature → Entity → Shared 的依赖方向，并给出目录结构、层间规则、组件架构、数据层工厂、状态管理等详细约定。
Rive 交互动画平台技能，覆盖 Luau 脚本、状态机、数据绑定与 React/Next.js 等跨平台运行时集成，含脚本协议模板、绘制 API 与滚动动画等实践参考。
该技能提供 Tailwind CSS 4 的样式编写模式与最佳实践，给出了一套样式决策树：Tailwind 类存在时直接用 className，动态值用 style 属性，条件样式用 cn() 工具函数。其核心规则包括：不在 className 中使用 var()，不在 className 中使用十六进制颜色，而是使用 Tailwind 语义化类名与主题色类。cn() 由 clsx 与 tailwind-merge 组合而成，用于合并可能出现冲突的类名或处理条件类名，仅含静态类名时无需使用。对于 Recharts 等不接受 className 的图表库，可将 var() 常量放入样式常量对象中通过 style 或属性传入；真正动态的值（如百分比宽度、透明度）使用 style prop 或 CSS 自定义属性。技能还汇总了 Flexbox、Grid、间距、排版、边框与阴影、状态、响应式、深色模式以及任意值（arbitrary values）等常见模式的写法示例。
这是一个用于构建和调试 Roblox 用户界面的技能，涵盖 HUD、菜单以及世界空间界面。它指导开发者如何选择 GUI 容器（如 ScreenGui、SurfaceGui、BillboardGui），使用布局对象和约束实现响应式界面，处理跨平台输入，在 UI 中实现粒子效果，并提供了 UI 审查清单。适用于 Roblox 开发中的 GUI 容器选择、响应式布局、输入处理、ViewportFrame 预览以及粒子效果集成等任务。
该技能用于生成系统架构图的 HTML 文件，涵盖微服务地图、依赖图、部署拓扑、数据归属与集成图等类型，帮助在故障响应和设计评审中快速理解系统。
WebPerf: Core Web Vitals 是一组用于在 Chrome DevTools 中测量网页性能的 JavaScript 代码片段，专注于核心网页指标（Core Web Vitals）的分析。它提供 LCP（最大内容绘制）、CLS（累积布局偏移）、INP（交互到下一次绘制）等指标的测量脚本，并配有自动化工作流和决策树，可根据测量结果自动推荐后续诊断步骤。脚本通过 mcp__chrome-devtools__evaluate_script 执行，输出通过 mcp__chrome-devtools__get_console_message 捕获。该技能还包含 LCP 子部分拆解、LCP 轨迹追踪、LCP 图像熵分析、LCP 视频候选检测等深入诊断工具，并支持与其他 webperf 技能（如 webperf-loading、webperf-interaction、webperf-media）交叉引用，帮助定位性能瓶颈。
Table Builder 是一个用于生成生产级数据表格模式的技能，基于 TanStack Table，支持列配置、排序、筛选、分页、行操作、服务端/客户端渲染模式，以及空状态与加载状态。
用于生成 macOS 风格单文件 HTML 文档站的技能：以液态玻璃（分层玻璃拟态）设计系统输出自包含页面，含侧边栏导航、思维导图、可拖拽 SVG 图、明暗主题切换，并需通过 Playwright 审计与静态/实跑双重门禁后才算完成。
面向 React 与 TypeScript 的 Zustand 状态管理技能，涵盖全局状态、Redux/Context API 迁移、localStorage 持久化、slices 模式与 devtools 等用法，含模板与参考文档。
Syncfusion Angular 按钮组件技能指南，系统讲解如何在 Angular 应用中实现 Syncfusion 的按钮类 UI 组件，包括 Button、ButtonGroup、DropDownButton 和 Floating Action Button（FAB）。内容涵盖安装配置、样式与类型、图标、切换与禁用状态、下拉菜单项与模板、动画、事件、无障碍支持以及 EJ1 迁移等主题，并提供可直接参考的代码示例与 API 说明。
Syncfusion Angular Dropdowns 是面向 Angular 的 Syncfusion 下拉类 UI 组件技能指南，覆盖 AutoComplete、ComboBox、DropDownList、ListBox、Mention、MultiSelect 等组件的实现方法。资料重点介绍了 AutoComplete 与 ComboBox 的架构、数据绑定、过滤搜索、分组与模板、表单集成、无障碍与本地化、API 参考及常见用法模式，并给出安装命令、CSS 引入方式和代码示例。该技能强调安全边界：默认仅使用本地内存数据源，远程 HTTP/DataManager 绑定属于需安全评审的高风险操作；同时要求固定依赖版本、对外部数据与用户过滤输入做净化、避免在本地存储中保存敏感信息。
用于生成可访问的模态框（Modal）与抽屉（Drawer）组件的技能，基于 React、TypeScript 与 Tailwind CSS，内置焦点陷阱、ESC 关闭、滚动锁定、Portal 渲染和 ARIA 属性，并提供确认对话框、编辑表单、详情抽屉等示例。
针对 React 纯框架场景的设计、实现与评审技能，覆盖组件、Hook、Context、表单、列表、状态、副作用、并发、无障碍、性能与测试，并规定何时应改用 Next.js、UI 组件库、TypeScript 等相邻技能。