nextjs-ppr-patterns
面向 Next.js 16 的 Partial Prerendering（PPR）技能包，在 Cache Components 模型下讲解静态外壳与动态内容混排的 21 条规则，覆盖启用 PPR、Suspense 边界、'use cache' 缓存、运行时 API、页面组合与表单变更。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,868 个结果
nextjs-expert
面向 Next.js 14+ 的专家技能，聚焦 App Router、服务端渲染、API 路由、中间件与生产部署，提供性能与 SEO 友好的应用构建指导。
lytenyte-grid
LyteNyte Grid 是一个面向 React 的无头（headless）数据表格组件，提供排序、筛选、列固定、单元格选择、行选择、服务端数据加载、无限数据加载、行分组与聚合、透视等高级功能。它分为两个版本：Core（@1771technologies/lytenyte-core，Apache 2.0 许可，免费，无需许可证）和 PRO（@1771technologies/lytenyte-pro，商业版，是 Core 的超集）。PRO 可免费安装用于评估，未设置密钥时会显示“used for evaluation”水印；生产部署需许可证密钥以移除水印，许可证验证为离线进行，不发起网络请求。该技能用于在用户使用 LyteNyte Grid 时提供安装、配置、列与行管理、数据源、单元格编辑、筛选、导出、主题定制、shadcn/ui 集成等方面的参考指引，并按需加载对应参考文件，避免一次性加载全部内容。
shadcn-svelte components
基于 shadcn-svelte 与 bits-ui 的 Svelte UI 组件使用规范，涵盖命名空间导入、触发器 child snippet 模式、对话框、下拉菜单、Sheet 面板、类名数组合并及导航偏好等组件模式与无障碍要点。
comfyui-node-frontend
ComfyUI 自定义节点的前端 JavaScript 扩展开发技能，涵盖扩展钩子、自定义控件、侧边栏标签、命令、设置、提示与对话框等 UI 能力，用于为自定义节点添加前端界面功能。
swiftui-liquid-glass
该技能用于实现和审查 iOS 26+ 的 SwiftUI Liquid Glass 界面。当需要采用 Liquid Glass 或检查其正确性、性能与设计契合度时使用。它优先采用原生 API（glassEffect、GlassEffectContainer、玻璃按钮样式）并遵循 Apple 设计指南，帮助开发者保持用法一致、在需要处提供交互性并关注性能。
expo-ios-screen-scaffolder
用于在 Expo（React Native）iOS 项目中按 Apple 人机界面指南生成屏幕脚手架，提供列表、详情、表单、模态表、原生标签页、设置等模板，生成文件会注明所满足的 expo-ios-hig 规则。
mathodology-web-ui
Mathodology 旧版 Web UI 的归档技能：用于图/表呈现推理，以及查阅已归档的前端子系统知识。当前分支不含前端源码、包清单或构建配置，仅供归档参考与重建规划，不用于编辑或构建界面。
shadcn-ui-setup
为项目添加 Shadcn UI 组件并支持深色模式，使用 next-themes 实现主题切换，包含主题提供器与 CSS 变量配置。
hitpay
HitPay 支付网关集成技能，帮助在 Next.js 与 JavaScript/TypeScript 应用中接入在线支付，支持卡支付跳转和 QR 码支付，并涵盖 webhook 验签、支付状态查询与退款流程。
notes
用于代码注释治理的 skill：在用户明确要求补注释、调整注释、审查注释质量或沉淀注释规范时，判断复杂逻辑、循环、分支、变量组、状态流转、SQL 口径、React Hook 副作用、Node.js 后台编排等位置是否值得注释，并按新人可读的标准撰写。
frontend-implementation
该技能用于将设计稿与 UI 需求转化为稳健、可扩展的前端实现，适用于设计转代码、Figma 转代码、组件实现、样式调整、响应式设计与 UI 崩坏修复等场景。核心主张是“翻译而非誊抄”：设计工具中的像素值仅作参考，实现时应转换为比例、尺度与结构，优先使用 flex/grid 与 gap 建立对齐，避免用 margin 微调堆砌布局，避免固定高度，优先考虑 min/max 与溢出处理。字体按角色映射，间距归入统一尺度，宽度随视口自适应。技能要求从设计意图出发（目的、视觉流、强调层级、伸缩与状态意图、间距规则、对齐关系、可变元素），再落到实现，并强制覆盖默认、悬停、激活、聚焦、禁用、加载、错误、空等状态，提前处理长文本、零条目、网络失败与延迟。输出按目的、前置条件、翻译结果、实现方案、状态设计、清单自评的顺序组织。
remotion-best-practices
Remotion 最佳实践技能，为在 React 中编写 Remotion 视频代码提供领域知识与规则文件，涵盖动画、音频、字幕、图表、3D、转场、字体、参数化等主题，并说明何时加载对应规则文件。
webpack-plugin-recipes
一套面向 webpack 5 的插件配方合集，包含 26 个生产场景可用的插件示例，按所解决的问题分类，涵盖构建期约束、构建元数据、虚拟模块与代码生成、代码转换、开发体验与资源管线。
add-component
ShipSwift 的 SwiftUI 组件添加技能，按用户需求从本地源码库中定位并集成生产级组件，如动画、图表、弹窗、认证、相机等模块。
dingtalk-event
钉钉工作区 CLI 的事件监听技能，用于实时订阅个人 IM、OA 审批、VoIP 通话邀请、待办、互动卡片与好友等长连接事件，通过 dws event 命令创建与管理订阅。
vibe-prospecting
Vibe Prospecting 是面向 B2B 场景的 AI 拓客工具，可将智能体变成潜客开发平台，用于查找公司与联系人数据，获取联系方式、职位、技术栈、商业事件、网站变更与购买意向等信息。
publish-blog
publish-blog 是 digital-marketing-pro 技能集中的发布技能，用于将已优化的博客文章发布到 WordPress 或 Webflow，附带 SEO 元数据、分类标签、特色图片与可选定时发布，并强制要求用户显式批准后才执行。
frontend-skill
frontend-skill 是 letta-ai/skills 中的前端设计技能，用于制作视觉表现强的落地页、网站、应用、原型、演示或游戏界面，强调克制的构图、图像主导、清晰层级与少量有意义的动效。
logs-nextjs
用于在 Next.js 应用中接入 PostHog 日志采集的技能，基于 OpenTelemetry 协议配置 OTLP 导出器，将日志发送到 PostHog 的摄取端点，并提供安装、搜索、最佳实践、故障排查等参考文档。
floating-ui-vue-skilld
@floating-ui/vue 2.0.1 的 Vue 3 定位组合式函数技能，用 useFloating 计算浮动元素坐标，适用于 tooltip、popover、菜单等锚点定位场景，仅支持 Vue 3.3 及以上。
vueuse-math-skilld
@vueuse/math 是 Vue 3 的响应式数学组合式函数库，提供 useClamp、useSum、useMax、usePrecision、useProjection 等工具，参数可为数字、ref 或 getter，返回 ComputedRef。
syncfusion-react-pdf-viewer
用于在 React 项目中集成 Syncfusion React PDF Viewer（PdfViewerComponent，包名 @syncfusion/ej2-react-pdfviewer）的技能，可按参考资料生成最小可复制的 TS/HTML 示例，涵盖加载、配置与功能启用。
astryx
Astryx 是 Meta 开源的设计系统，基于 React 与 StyleX，提供 150+ 可访问组件、主题与暗色模式、模板和 CLI，面向人类与 AI 协作构建可定制组件库。当前处于 Beta。