react-component-performance
用于分析与优化 React 组件性能问题的技能：定位渲染热点、隔离昂贵更新，在不改变 UI 行为的前提下做针对性优化，适用于慢渲染、频繁重渲染、卡顿列表和昂贵计算。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
前端与建站
11,398 个结果
swiftui-liquid-glass
面向 SwiftUI 的 iOS 26+ Liquid Glass 技能，用于采用、审查或改进使用原生玻璃效果 API 的界面功能。
collect-user-input
面向 Blazor 的官方技能文档，讲解如何构建表单、校验数据并响应用户输入。覆盖 EditForm 用法、内置输入组件、DataAnnotations 与自定义校验、SSR 与交互模式差异、文件上传及常见错误规避。
coordinate-components
Blazor 组件间状态共享技能（coordinate-components），用于处理无直接父子参数关系的组件通信，涵盖级联值、DI 注册的 CascadingValueSource<T>、带变更事件的 scoped 服务，并涉及渲染模式边界与生命周期注意事项。
maui-safe-area
面向 .NET 10+ 的 .NET MAUI 安全区域与全屏（edge-to-edge）布局指南，介绍新的 SafeAreaEdges 属性和 SafeAreaRegions 枚举，支持按边控制安全区、键盘避让，并覆盖迁移旧版 iOS 专属 API 与 Blazor Hybrid 的 CSS 配合。
maui-theming
面向 .NET MAUI 应用的主题化指南，讲解用 AppThemeBinding、ResourceDictionary 切换、DynamicResource 绑定和系统主题检测 API 实现浅色/深色模式、自定义品牌主题与运行时主题切换。
support-prerendering
让交互式 Blazor 组件在预渲染下正确工作的技能，用于修复重复数据加载、预渲染到交互切换时的界面闪烁等问题，并处理状态持久化、禁用预渲染与交互式路由排除。
relevancekit
RelevanceKit 是 Apple 平台框架，用于向系统提供设备端情境线索，提升 watchOS 小组件在智能叠放（Smart Stack）中的可见性。可按时间、位置、健身状态、睡眠计划或已连接硬件声明相关性，目标为 Swift 6.3 / watchOS 26+。
react-nextjs-patterns
面向 React 与 Next.js 的前端实现模式技能，用于构建高性能、易维护的组件、页面与应用。涵盖服务端/客户端组件选择、Suspense 流式渲染、数据获取、性能优化、状态管理与组件设计等实践。
framer-motion
这是一个关于在 React 应用中使用 Framer Motion 实现迪士尼 12 项动画原则的技能资料。它通过 motion 组件、variants、transition 等声明式 API，逐条演示挤压与拉伸、预备、布局、跟随与重叠、缓入缓出、弧线、次要动作、时间控制、夸张、立体感与吸引力等动画技法，并附带代码示例。资料还概述了 animate、whileHover/whileTap、AnimatePresence、useAnimation、layout 等 Framer Motion 关键特性，适用于需要在 React 界面中构建富有表现力、符合经典动画规律的过渡与交互效果的场景。
macos-design-guidelines
基于 Apple 人机界面指南整理的 macOS 应用设计规范技能，供使用 SwiftUI 或 AppKit 开发 Mac 应用时参考。涵盖菜单栏、窗口管理、工具栏、侧边栏、键盘快捷键与鼠标交互等规则，并附带代码示例。
web-design-guidelines
一套与框架无关的 Web 平台设计与无障碍规范，基于 WCAG 2.2、MDN 文档和现代 Web API，用于构建可访问、响应式、高性能的网页界面，也可用于无障碍审计与代码评审。
svelte5-best-practices
面向 Svelte 5 与 SvelteKit 开发的技能文档，涵盖 runes（$state、$derived、$effect、$props、$bindable、$inspect）、snippets、事件处理、TypeScript 类型、迁移与性能等最佳实践。适合在编写、审查或重构 Svelte 5 组件时参考。
r3f-best-practices
React Three Fiber（R3F）与 Poimandres 生态最佳实践指南，含 70+ 条按影响优先级排列的规则，覆盖性能与重渲染、useFrame、组件模式、Canvas 配置、Drei、加载、状态管理、事件、后处理、Rapier 物理与 Leva 调试等，用于编写、审查和优化 R3F 代码。
emblem-ai
EmblemAI 开发者工具，用于为应用一次性接入用户管理、多链钱包认证、AI 助手聊天与 AI 应用内省（Reflexive）。支持钱包、邮箱密码和社交登录，提供 React 组件与 TypeScript SDK。
emblem-ai-react
EmblemAI 的 React 集成技能，用于在 React 应用中一次性接入用户管理与支持钱包的账户。适合需要网站登录（钱包、邮箱密码、社交登录）并连接聊天、签名等 Emblem 工作流的场景。
remove-animations
该技能用于审查界面中已有的动画，删除或减弱那些无法证明自身价值的动画，例如键盘触发、高频出现、功能数据以及纯装饰性的动效。它只做减法：不新增动画、不调整缓动曲线，并在删除前检查隐藏起始状态、等待动画结束的代码、退出动画延迟卸载等风险，最后按要求输出删除与保留清单及清理建议。
r3f-animation
r3f-animation 是 enzed/r3f-skills 中面向 React Three Fiber 的动画技能，讲解用 useFrame、阻尼与 GLTF 动画片段实现程序化运动、过渡和按需循环动画，并给出性能与验证建议。
r3f-fundamentals
React Three Fiber 基础技能，用于搭建 R3F 场景、Canvas、类型化 JSX、hooks 与资源归属管理，适合场景架构与渲染循环设置。
r3f-geometry
React Three Fiber 几何体技能，用于构建几何形状、自定义缓冲区、实例化网格、点与线，并优化绘制调用。资料给出原生 JSX 几何、BufferGeometry、Drei Instances 等用法与注意事项。
r3f-interaction
面向 React Three Fiber 的交互技能，讲解指针事件、拾取、拖拽、键盘输入与相机控制，覆盖事件传播、指针捕获、拖拽归属和验证要点，示例基于 Fiber 9 / React 19。
r3f-lighting
面向 React Three Fiber 场景的灯光技能，讲解直接光、环境贴图与阴影的搭配方式，涵盖灯光摆放、基于图像的照明、阴影伪影排查，以及 Drei 环境与阴影辅助组件的使用要点。
r3f-loaders
r3f-loaders 是 React Three Fiber 的 3D 资源加载技能，讲解用 useGLTF、useLoader、Suspense 与预加载来加载和复用模型，涵盖解码器配置、缓存、克隆与生命周期管理。
r3f-postprocessing
面向 React Three Fiber 的后处理配置技能，涵盖 EffectComposer 管线、Bloom、选择性 Bloom、SSAO、景深与色调映射，并给出 WebGL 与 WebGPU 后端选择、性能与自定义 Effect 的注意事项。