lov-install-tanstack-query
用于在前端项目中安装或初始化 TanStack Query（React Query），并把重复的请求状态重构为统一的查询/变更层。适用于 React 与 Tauri 应用，涵盖安装、Provider 配置、共享封装、查询键、增量重构与类型检查验证。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-26 00:15
前端与建站
11,097 个结果
lov-mobile-adapt
移动适配师（Mobile Fit）是一个用于对既有 Web 项目进行移动端适配的技能包。它通过扫描脚本检查视口配置、溢出风险、100vh 使用、安全区处理、触控目标尺寸、响应式断点覆盖、Tailwind 相关问题以及文本溢出等情况，并按优先级修复：配置 viewport meta、添加全局横向溢出保护、将 100vh 替换为 100dvh、为固定/粘性元素添加安全区内边距、处理图片与文本溢出、放大触控目标、补充响应式断点，以及在需要时将桌面侧边栏/tab 导航改造为带返回支持的移动端多级页面栈。使用前需先运行扫描脚本获取问题清单，并向用户确认修复范围后再动手修改，完成后重新扫描并在移动视口下验证。
lov-rich-export
lov-rich-export 是 lovstudio/skills 中的富媒体导出技能，可将一份面向用户的内容稳定导出为单文件 HTML、带 assets 的 HTML 文件夹、Markdown、DOCX 与 PDF，并按格式正确处理图片、音频、视频和嵌入式交互内容。
lov-skill-publisher
Skill 发布助手，用于把已通过校验的本地 Skill 发布到 LovStudio 官网或指定渠道。默认只走官网适配器，发布前自动调用 lov-skill-pricing 生成定价卡，并支持 WorkBuddy、支付宝 SkillPay 等渠道。
react-email
React Email 是一套用 React 组件构建和发送 HTML 邮件的工具，兼容主流邮件客户端，可用于新建邮件项目或在现有项目中加入邮件预览、渲染与可视化编辑能力。
new-page
new-page 是一个用于创建 Next.js App Router 页面的技能，来自 martinacostadev/claude-react-agents。它按照 App Router 约定生成页面所需文件，包括 page.tsx、loading.tsx、error.tsx，并在需要时创建 layout.tsx。该技能会解析传入的路由路径参数，提取路由段、识别动态段（如 [id]）并判断是否需要路由组。生成的 page.tsx 包含 Metadata 导出、PageProps 类型定义（params 与 searchParams 均为 Promise）以及默认的异步 Server Component 结构；loading.tsx 提供加载状态；error.tsx 为客户端错误边界，包含错误记录与重置按钮。技能还附带检查清单，确保页面元数据、加载状态、错误边界、默认使用 Server Component 以及 TypeScript 类型均已正确设置。
nextjs-code-implementer
面向 Next.js 15 App Router 项目的代码实现技能，在开发功能时提供基于文件的路由约定、服务端/客户端组件边界、数据获取、缓存、加载与错误处理、API 路由、Server Actions、元数据、图片优化、中间件与国际化等实现规范。
react-code-implementer
面向 React 19 + TypeScript 组件实现的技能，供代码开发者在编写组件时调用，提供默认组件模式、Hook 使用规范、事件处理、表单、状态管理、错误处理、样式、性能优化与测试等实践指引。
shimmer-skeleton-loaders
shimmer-skeleton-loaders 是一个提供自测量 shimmer 修饰符与骨架屏 composable 的 Kotlin/Jetpack Compose 方案，用于在列表数据加载期间以闪烁占位符替身呈现内容。该方案不依赖第三方框架，骨架屏由普通 Box 布局手工拼装，并按真实行尺寸摆放；文档同时说明自测量尺寸、clip 与 background 顺序、首帧纯色底、动画独立不同步、扫描带半周期停顿、对角角度随宽高比变化、骨架内懒列表禁用滚动、占位尺寸取自真实行、颜色令牌不放入 Material 色彩方案等注意事项，并给出 grep 核对顺序、禁用滚动与自测量实现，以及同位置截图对比占位与加载后界面是否位移的验证方法。
frontend-design
一个前端设计技能，用于设计并实现具有明确美学方向、可直接用于生产的前端界面，强调设计思考与实际可用代码的结合。
frontend-design-2010s
用于生成具有2010年代早期（约2010—2014）企业/SaaS网页风格的技能，强调渐变、阴影、光泽按钮等复古Web 2.0视觉语言。当用户需要2010年代、Web 2.0或复古企业网页外观时可使用该技能。
xstate
XState 技能：把状态图当作时间、并发与资源生命周期的可执行归属模型，识别手写状态机并指导建模、副作用管理、React 集成、测试与图表渲染。
rea-analysis
REA 是一款用于逆向工程应用与网站的工具，可帮助理解功能实现方式、对比应用版本、反编译代码，并在此基础上构建适配自身项目的类似功能。
cache-components
用于在 Next.js 16 应用中实现与优化 Cache Components 的技能，涵盖 use cache 指令、Suspense 边界、cacheLife 配置与缓存标签失效，适用于页面性能优化与缓存迁移。
pp-crestron
Crestron 产品目录、规格书与固件版本的离线镜像 CLI，支持跨型号固件状态检查、版本差异对比、停产替代链查询与提交资料打包，数据来自 Crestron.com 本地 SQLite 镜像。
nextjs-expert
面向 Claude 等 AI 在代码执行中阅读的 Next.js 14+ 参考，讲解服务端/客户端边界、缓存策略与数据获取等易错点，并给出决策准则，而非教程。
artifacts-builder
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。
build-lab
build-lab 是一个用于在网站中搭建持久化 /lab 实验区的技能：以侧边栏外壳承载设计实验，提供自动注册机制与宿主 agents 文件约定，让后续“为 X 建一个 lab”无需再次调用技能。
web-performance-optimization
这是一个用于优化网站和 Web 应用性能的技能，覆盖加载速度、Core Web Vitals（LCP、FID、CLS）、打包体积、缓存策略与运行时性能。它提供系统化的测量、分析、优先级排序、实施与验证流程，帮助开发者定位性能瓶颈并落地优化，从而改善用户体验、SEO 排名与转化率。
vibe
vibe 是一个用于把自然语言描述生成并部署生产级网站的 AI 技能，需配合 here-now 技能使用，可先确定设计方向再生成静态站点并即时发布，获得可访问的线上 URL。
publish-artifacts
publish-artifacts 可将本地文件夹中的 HTML 作品（原型、演示、报告等）发布到 Cloudflare 托管的 ubuilt.dev 站点，文件夹树即 URL 结构，每个顶层文件夹可按邮箱一次性验证码设为公开或仅限特定人员访问，由一份声明式清单驱动。
zustand-use
用于在 React 项目中使用 Zustand 设计或编写全局状态（store）的技能，汇总了 store 文件组织、combine 类型推断、选择器订阅、异步 action 以及 persist、immer、subscribeWithSelector、devtools 等中间件的使用规范与注意事项。
uniapp-mini
uni-app 小程序开发技能，指导小程序配置、组件与 API 使用、平台兼容性及条件编译，覆盖微信、支付宝、百度等平台。
learning-global-accessibility
面向全球教育内容的无障碍合规技能，覆盖 WCAG、EN 301 549、Section 508 及各地区法规，支持多种辅助技术测试，可通过 CLI 校验课程与平台并输出合规报告。