frontend-excellence
一套现代前端工程技能，聚焦 React Server Components、流式渲染、代码分割、打包优化以及 Core Web Vitals（LCP、INP、CLS）的优化与监控实践。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
前端与建站
10,840 个结果
modern-css
Modern CSS 是一个用于实现或调试 CSS 布局、响应式样式、主题与动效的技能，帮助在原生 CSS 特性与旧式写法之间做选择，并兼顾浏览器支持与渐进增强。
vue-router-v3
面向 Vue Router v3 的技能，依据官方安装、指南与 API 文档，为 Vue 2 应用提供路由配置、导航模式与 API 细节的指导。
zustand-5
Zustand 5 状态管理实践指南，介绍在 React 中使用 Zustand 管理状态的核心模式，包括基础 Store、persist 持久化、useShallow 选择器、异步 Action、Slices 拆分、Immer 与 DevTools 中间件，以及在 React 组件外读写 Store。
pakco-html
pakco-html 是一个本地优先的 HTML 演示与网页生成技能，提供 36 套主题、31 种布局、24 张整册风格卡与多种动画，让 AI 代理按稳定视觉约束生成幻灯片、网页或社交卡片，并支持演讲者模式与 PNG 导出。
syncfusion-maui-linear-progressbar
用于在 .NET MAUI 项目中实现 Syncfusion SfLinearProgressBar 线性进度条控件的技能指南，涵盖确定、不确定与缓冲状态，分段、外观、动画、范围颜色、事件与液态玻璃效果等。
wallet-integration
基于 Para 为已有 Monad 前端添加钱包连接与登录认证的技能，支持邮箱、手机、Passkey、社交登录的内嵌 MPC 钱包及外部钱包连接，通过 para CLI 完成初始化、配置与诊断。
web-performance-audit
使用 Chrome DevTools MCP 审计网页性能的技能，聚焦 Core Web Vitals、网络优化与高层级无障碍缺口，适用于页面加载性能、Lighthouse 分数与站点速度的审计、剖析、调试和优化。
web-wave-designer
用于在网页中制作逼真海洋与水面波纹效果的技能，基于 SVG 滤镜（feTurbulence、feDisplacementMap）、CSS 动画与分层技巧，覆盖从轻微涟漪到汹涌海浪的水体视觉。
nextjs-project-manager
面向 Next.js 14+ App Router 项目的开发指导技能，覆盖路由、服务端/客户端组件、数据获取、Server Actions、布局、加载与错误状态、Metadata、API 路由、动态路由、中间件及性能优化，并附调试技巧与最佳实践清单。
og-image
og-image 是一个用于生成社交媒体预览图（Open Graph 图片）并配置相关 meta 标签的技能。它会先分析项目现有代码库，识别框架、设计系统、品牌资源与产品信息，然后创建一个专用的 OG 图片页面（1200×630），用项目自身的配色、字体和视觉风格渲染页面内容，通过 Playwright 截图保存到 public 目录，最后更新 Open Graph、Twitter/X 卡片等 meta 标签并给出缓存刷新验证链接。适用于需要为网站生成分享预览图的开发者。具体收费、价格与平台支持信息暂未提供。
21st-registry
21st-registry 是 21st.dev 团队组件库的发布与安装技能。它通过 @21st-dev/registry CLI，让用户把 React 组件发布到团队库，或安装团队已共享的组件。发布时支持 unlisted、public、private 三种可见性，默认 unlisted；安装支持 @team-slug/component-slug 与 @username/component-slug 两种地址格式，也可通过 shadcn CLI 直接安装。还提供搜索团队库、管理团队与注册表等命令。
webrtc
WebRTC 点对点通信技能，涵盖信令、ICE/STUN/TURN、媒体流、数据通道、屏幕共享及 SFU 集成（mediasoup、LiveKit），适用于构建实时音视频与数据传输应用。
relay-best-practices
Relay 是 React 的 GraphQL 客户端，强调数据共置、可组合与类型安全。本技能提供编写地道 Relay 代码的规范建议，涵盖片段、查询、变更、分页、错误处理、缓存失效与命名约定，并指向随包提供的 LLM 友好文档。
frontend-design
这是一个用于指导前端界面设计开发的技能，帮助创建具有鲜明风格、达到生产级质量的前端界面，避免常见的“AI 味”通用审美。它适用于构建组件、页面、应用或界面，强调在编码前先确定大胆的美学方向，并在排版、配色、动效、空间布局和背景细节上追求精致与独特性。
amap-jsapi-skill
高德地图 JSAPI v2.0（WebGL）开发技能，涵盖地图初始化与生命周期、强制安全密钥配置、3D 视图控制、覆盖物绘制、图层管理及 LBS 服务集成，附各模块 API 说明与代码示例。
react-frontend-expert
React/TypeScript 前端实现模式技能。适用于创建或修改 React 组件、编写自定义 Hooks、构建路由页面、使用 TanStack Query 实现数据获取、处理带校验的表单，以及搭建 React/TypeScript 项目结构。该技能仅限函数式组件，并给出项目目录结构、组件规范、Hooks 规则、TypeScript 约定、表单处理与无障碍要求等实践指引。不适用于组件/Hook 测试、E2E 浏览器测试、API 契约设计、后端实现以及部署或 CI/CD。
tailwindcss-plugins
Tailwind CSS 插件技能，涵盖官方插件与自定义插件开发。官方插件包括 @tailwindcss/typography（为无法控制的 Markdown、CMS 内容提供排版默认样式，含 prose 尺寸、配色、暗色反转、元素级覆盖、not-prose 逃逸等）、@tailwindcss/forms（将表单元素重置为一致易样式化的基线，支持 class 策略按需启用）、@tailwindcss/container-queries（基于容器尺寸而非视口做响应式，支持具名容器与任意断点值）。自定义插件部分介绍 v4 中优先使用 @utility 指令编写纯 CSS 工具类，必要时用 JavaScript 插件（addUtilities、addComponents、matchUtilities）及 addVariant 添加自定义变体，并给出主题扩展写法。另列出社区插件如 tailwindcss-animate、tailwindcss-motion、@headlessui/tailwindcss、tailwind-scrollbar、tailwindcss-3d、tailwindcss-fluid-type，以及安装命令与最佳实践。
components
该技能以 Vue 组件基础知识为核心，讲解如何在 Vue 应用中构建与组织组件。内容涵盖：组件是 Vue 应用的基本构建单元，可将标记（HTML）、逻辑（JS）与样式（CSS）封装在一起，形成嵌套的层级结构；如何使用单文件组件（.vue），即通过 <template>、<script setup> 与 <style> 区块定义组件；如何使用 props 从父组件向子组件传递数据、使用 emit 从子组件向父组件发送事件；如何使用 ref() 管理响应式原始值、reactive() 管理响应式对象；如何将大型组件中可复用或较复杂的部分（如按钮、面板、头像、评论、信息流等）抽取为更小的子组件，从而提升可复用性与可维护性。资料还给出了无构建流程时以普通 JavaScript 对象定义组件的写法，以及一个 Tweet 组件拆分为 TweetAvatar、TweetUser、TweetDetails 的示例，和一个使用 ref() 实现计数器的示例。适用场景为构建任何 Vue 应用时的基础知识；限制方面，资料未提供具体版本要求、工具链配置细节或价格信息。
postgis-skill
面向前端开发者的 Vue 3 组合式 API 技能包，提供 ref、reactive、computed、watch 等核心 API 的用法示例与最佳实践，帮助在 Vue 3 项目中正确组织响应式逻辑。
syncfusion-maui-radial-menu
Syncfusion .NET MAUI 径向菜单（SfRadialMenu）的实现技能，用于在 MAUI 应用中构建面向触控的圆形层级菜单，支持拖拽、旋转、分段布局与丰富自定义。
syncfusion-maui-range-selector
用于在 .NET MAUI 应用中实现 Syncfusion SfRangeSelector（范围选择器）控件的技能资料，支持通过拖动双滑块选择数值区间，并可在选择器内嵌入图表等内容实现联动筛选，涵盖安装、区间、刻度标签、选择模式与事件等主题。
syncfusion-maui-segmented-control
用于在 .NET MAUI 中实现 Syncfusion 分段控件（SfSegmentedControl）的技能，支持文本/图标分段、单选与切换视图、筛选和类标签导航，并提供外观、选择行为与事件配置。
angular-cdk
Angular CDK（Component Dev Kit，组件开发工具包）是 Angular 官方提供的无样式组件行为与交互工具库，当前资料标注版本为 21.0.3（2026 年 2 月）。它面向需要构建自定义 UI 组件的开发者，提供无障碍、拖放、浮层、传送门（Portal）、虚拟滚动等底层能力，但自身不含 Material 视觉样式。资料中的标签包括无障碍、拖放、浮层、虚拟滚动与传送门。其 API 变化记录了 CDK 浮层改用浏览器内置 popover 以改善无障碍、Angular 19 基于 signal 的 API 集成、改进的焦点管理（cdkTrapFocus、cdkFocusRegion）、拖放列表间复制增强，以及旧版浮层策略被弃用。使用方式以独立组件导入对应模块为主，涵盖 OverlayModule/PortalModule 构建下拉与提示、CdkDragDrop 实现可排序列表、ScrollingModule 虚拟滚动、Portal 动态挂载内容、A11yModule 无障碍工具以及 LayoutModule 响应式断点。资料未提供收费、价格、平台限制等信息。