react
一套面向 React 19 的核心模式技能，涵盖 hooks、Suspense、懒加载、组件结构、TypeScript 最佳实践与性能优化。适合创建组件、使用 hooks、实现代码分割、处理 Suspense 边界及性能调优时参考。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,882 个结果
sync-labs-lipsync
Sync Labs（sync.so）唇形同步与视觉配音 API 技能。输入现有人像视频或静帧加目标音频，重绘说话者嘴部以匹配新音轨，画面其余部分保持不变。支持多模型选择、多语言配音、多说话人分段、批量本地化与 webhook 回调。
datex-studio-runtime
Datex Studio 平台运行时语义参考库，汇总平台注入的全局变量（$flow、$datasources、$db、$shell 等）、执行层级与调用约定、控件类型及定时任务 API，供组件创建类技能按需引用。
grid-creator
用于在分支上编写或修改 Datex Studio 网格（configurationTypeId=3，*-grid.json）的技能，网格是平台数据密度最高的 UI 组件，支持表格行渲染、内联编辑、选择、工具栏、动态筛选与排序等。
win-back-reactivation
面向电商的流失客户召回技能：按未购买时长划分早/中/深度流失人群，用三步邮件序列配合个性化优惠重新激活，并清理长期无响应联系人。
bootstrap-vue3
面向 Vue 3 与 Bootstrap 5 的 Bootstrap Vue 3 组件库使用指南，覆盖组件、栅格、指令、主题定制与从 2.x 迁移，按官方文档结构组织示例与 API 参考。
ui-ux-pro-max
UI/UX Pro Max 是一个可搜索的 UI/UX 设计知识库技能，提供 50 种风格、21 套配色、50 组字体搭配、20 种图表、9 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter 等）的设计建议、UX 规范与最佳实践。
frontend-query-mutation
Dify 前端查询与变更实现指南，基于 TanStack Query 与 oRPC，用于在 web/contract 中创建或更新契约时保持契约作为唯一数据源，并规范查询、变更、缓存与旧代码迁移方式。
vscode-extension-builder-lawvable
用于从零构建 VS Code 扩展，或将现有 JS/React/Vue 应用转换为扩展的技能资料，涵盖命令、Webview、树视图、自定义编辑器与 AI 智能体集成，并提供模板、构建配置与打包发布指引。
battlecard-generator
Battlecard Generator 是一个面向产品营销（PMM）与销售团队的竞品情报技能，从竞品官网、评价、广告、社交与定价等公开渠道做研究，生成结构化的销售对战卡（battlecard），用于在竞争性交易前快速了解对手定位、优劣势与应对话术。
tanstack-start-best-practices
TanStack Start 全栈 React 应用最佳实践技能，涵盖服务端函数、中间件、SSR、认证与部署等规则，按优先级分类，用于指导数据变更、会话安全、渲染与错误处理等实现。
load-assets
PlayCanvas 资源加载技能：指导加载 glTF/GLB 模型与纹理，选择 Draco 或 Basis/KTX2 压缩，并配置解码器与预加载。
remotion-saas
Remotion 官方提供的 SaaS 应用构建技能，介绍如何用 Remotion 搭建从简单表单到复杂视频编辑器的应用，涵盖模板选择、Player 组件嵌入、客户端与服务端渲染方案，以及与 Vue、Angular、Svelte 的集成。
react-performance
面向 React 与 Next.js 应用的系统化性能优化指南，按影响优先级组织，覆盖消除请求瀑布、减小打包体积、服务端优化、减少重渲染与渲染性能等主题，并给出对比式代码示例。
spencer-approved-frontends
一套名为“Spencer 认可的前端”的界面风格技能，规定紧凑、中性、系统字体的内部工具式 UI 规范。资料强调除非明确要求，否则不要调用该技能；并给出默认技术栈、视觉 token 与组件写法等约定。
shadcn
一套面向 shadcn/ui 的社区最佳实践规则集，含 10 个类别共 58 条规则，用于指导自动重构与代码生成，覆盖 CLI 与项目配置、组件架构、无障碍、样式主题、表单、数据展示、布局导航、组合、性能与状态管理。
react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化技能，按影响优先级整理 57 条优化规则，覆盖消除瀑布流、包体积、服务端性能、重渲染、渲染、JavaScript 微优化与 Next.js 16+ 缓存组件等主题，供构建组件与排查性能问题时参考。
progressive-blur
progressive-blur 是一个 CSS 技能，用多层 backdrop-filter 与遮罩叠加，在页面顶部或底部生成有层次、过渡柔和的渐进模糊效果。适合需要固定模糊条、提升界面纵深感的前端场景。
service-booking-flow
一个用于创建或重设计预约制服务网站的技能，面向沙龙、理发店、水疗、康养工作室、诊所及酒店品牌。强调编辑式视觉语言与稳健的预订流程，涵盖流程建立、视觉系统、页面结构、服务选择器与预订交互的实现及验证。
accessibility
无障碍（Accessibility）技能，用于在设计、审计 WCAG 合规性或实现 a11y 功能时确保数字无障碍，覆盖 WCAG 2.1 指南。
freemius-checkout
在 React 应用中构建面向客户的 Freemius Checkout 界面：通过 CheckoutProvider 提供叠加层上下文，用 Subscribe 渲染订阅定价表、Topup 渲染一次性/充值定价表，并让购买结果在服务端同步。
css
面向 CSS 开发的专家级技能，用于编写、调试现代 CSS，涵盖 flexbox、grid、容器查询、自定义属性、@layer、动画、响应式与性能优化等，并强调通过 context7 查询 MDN 等文档核实语法与浏览器兼容性。
squarespace
Squarespace 集成技能，通过 Membrane CLI 连接 Squarespace，管理网站、表单、产品、订单、客户、营销活动等数据。适用于用户需要与 Squarespace 数据交互的场景。
customer-discovery
customer-discovery 用于通过扫描网站、案例研究、评测站点、新闻、社交媒体、招聘信息等公开数据源，发现某公司的客户名单，并生成带去重与置信度评分的报告。支持 quick、standard、deep 三档深度，输出 Markdown 报告与 CSV。