ui-ux-pro-max
UI/UX Pro Max 是一个通过 Mastra 原生工具访问设计数据库的 UI/UX 设计智能技能，覆盖风格、配色、字体搭配、图表类型、行业产品模式与 UX 最佳实践。设计建议须来自工具查询，不得依赖 LLM 记忆。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,907 个结果
react-best-practices
该技能把 40 多条 React 性能规则归入 8 个优先级类别，从消除客户端-服务端瀑布、缩小包体积等严重项，到 JavaScript 微优化等低中优先级项，供智能体在编写或审查 React 代码时自动套用。
nextjs-app-router
面向 Next.js 15.5/16 App Router 的基础技能，系统讲解 app 目录的文件约定与路由机制，涵盖页面、布局、加载、错误、404、模板、动态路由、路由组、并行路由、元数据、服务端与客户端组件及导航用法。
nextjs-modal-integration
面向 Next.js 应用的 Modal.com 集成技能，提供将重型计算（AI 推理、GPU 任务、音视频处理、后台作业）交给 Modal 后端、由 Next.js 负责 UI/鉴权/路由的架构模式与代码示例。
react-fundamentals-19
面向 React 19 基础的系统化技能说明，覆盖 Server 与 Client Component、Server Actions、use() 钩子、JSX 与组件模式、Suspense 与错误边界、Fragments 与 Portals 及项目组织约定，适合学习 React 19 新特性与表单处理。
react-performance
针对 React 应用的性能优化技能，用于诊断并改进渲染、包体积、Web Vitals、列表、图片与媒体加载、状态位置和响应速度，并用可测量的前后对比作为依据。
react-state-management
面向 React 的完整状态管理技能，用于在 Context、Zustand、Jotai、TanStack Query、SWR 之间做选型，并给出内置 useState/useReducer、Context 模式与性能优化、Zustand store（含 persist/devtools/immer 中间件）、SWR 数据获取与变更等用法参考。
nextjs-seo-optimizer
面向 Next.js 应用的 SEO 优化技能，覆盖 Metadata API、站点地图、robots.txt、结构化数据与 Core Web Vitals，用于构建或审计 Next.js 项目的搜索引擎优化。
chakra-ui
Chakra UI v3 是一个面向 React 的无障碍组件库，内置样式、主题与设计令牌。可用于构建可访问的 React 应用、样式化组件系统、主题定制与表单等场景。
tailwind-css-patterns
提供 Tailwind CSS 实用优先样式的综合模式指南，覆盖响应式设计、布局工具、Flexbox、Grid、间距、排版与颜色，适用于 React/Vue/Svelte 组件与设计系统开发。
paraglide-js-internationalization-i18n
介绍 Paraglide.js 国际化（i18n）实现方式的技能，涵盖安装、语言文件配置、t 函数翻译、多语言与 RTL 布局支持，并包含一套记忆协议流程。
dart-sass
Dart Sass 是 Sass 官方推荐的 CSS 预处理器实现，本技能提供从安装配置、编译、语法到模块系统与构建集成的完整指导，涵盖 CLI 命令、JavaScript/Dart API 及源映射等使用要点。
rspack
面向 Rspack 打包工具的技能指南，覆盖配置、插件、加载器、优化与 Webpack 兼容性，适用于新项目搭建、环境配置、从 Webpack 迁移、构建性能优化、CLI 与 JavaScript API 使用、自定义 loader 与 plugin、入口输出、代码分割、开发服务器、资源处理、TypeScript 集成及问题排查。
css-animations
css-animations 是一项专注于创建高性能、可访问 CSS 动画与过渡的技能，提供过渡、关键帧、变换与缓动函数的原子化指导，内置性能优化与减少动效的替代方案。
php-wordpress
php-wordpress 是一个用于 WordPress 开发的原子技能，覆盖 WordPress 6.x 的主题、插件、Gutenberg 区块与 REST API 开发，并强调安全实践。可指定主题类型、难度等级与 WordPress 版本。
frontend-design
frontend-design 是一个用于打造定制化前端界面的技能，强调先确定明确的视觉方向，再实现可运行、生产级且具有独特美感的页面、组件或站点。它适合需要纯创意、定制化美学方向的项目；若需从设计系统数据库查询风格、配色与字体，应改用 ui-ux-pro-max。
web-design-guidelines
用于审查 UI 代码是否符合 Web Interface Guidelines 的智能体技能，可检查可访问性、设计与 UX 合规性，并按 file:line 格式输出问题。
frontend-architecture
一种可移植、与框架无关的 React / React Native 前端架构风格，按功能模块组织应用，区分服务端状态与 UI 状态，跨模块仅通过 barrel 导入，样式就近放置。
ui-page
ui-page 是一个移动端页面脚手架技能，用于按 StyleSeed 布局模式生成新的移动页面/屏幕。它基于 PageShell、TopBar、BottomNav 等既有组件组合页面，并强制进行生成后校验。
svelte-core-bestpractices
面向 Svelte 5 的核心最佳实践技能，用于创建、编辑或审查 .svelte、.svelte.ts、.svelte.js 文件时作为基线，并可路由到更深入的 Svelte 子技能。
syncfusion-winforms-radial-gauge
Syncfusion WinForms 仪表控件使用指南，涵盖 RadialGauge、LinearGauge、DigitalGauge 三种控件的用途、属性配置、主题、数据绑定与自定义渲染。
cross-site scripting and html injection testing
面向 Web 应用的客户端注入漏洞测试技能，用于系统检测与验证 XSS（存储型、反射型、DOM 型）和 HTML 注入缺陷，演示会话劫持、凭据窃取等影响并给出修复建议。
web-error-handling-error-boundaries
React 错误边界（Error Boundary）技能，讲解如何捕获渲染阶段错误并显示回退 UI，涵盖类组件写法、react-error-boundary 库、resetKeys 重置、showBoundary 处理异步错误，以及 React 19 createRoot 的错误上报钩子。
nextjs-architecture
面向 Next.js 项目的架构强制执行技能，重点覆盖 App Router 及其迁移，检查路由文件约定、Server/Client 组件边界、数据与缓存行为、Server Actions、Route Handlers、Proxy 与环境安全，并落实仓库本地目录约定。