Loading...
Loading...
共找到 125 个 Skills
使用Cloudflare Workers和Wrangler构建并部署边缘函数。适用于API、定时任务和边缘中间件场景。
通过CI/CD工作流、Issue模板、Dependabot和CodeQL安全扫描实现GitHub仓库设置自动化。 包含12个经过生产环境测试的工作流，可预防18类错误：YAML语法错误、Action版本固定错误以及配置错误。 适用场景：设置GitHub Actions CI/CD、创建Issue/PR模板、启用Dependabot或CodeQL扫描、部署至Cloudflare Workers、实现矩阵测试，或排查YAML缩进、Action版本固定、密钥语法、运行器版本或CodeQL配置相关问题。 关键词：GitHub Actions、GitHub Workflow、CI/CD、Issue模板、Pull Request模板、Dependabot、CodeQL、安全扫描、YAML语法、GitHub自动化、仓库设置、工作流模板、GitHub Actions矩阵、密钥管理、分支保护、CODEOWNERS、GitHub Projects、持续集成、持续部署、工作流语法错误、Action版本固定、运行器版本、GitHub上下文、YAML缩进错误
使用TanStack Table v8构建无头数据表格。支持Cloudflare Workers + D1的服务端分页、筛选、排序和虚拟化功能。可避免12个已记录的错误。 适用于构建大数据集表格、配合TanStack Query使用，或解决状态管理、性能问题以及React 19+兼容性问题。
使用 Motion（原 Framer Motion）构建复杂的 React 动画——支持声明式动画、手势（拖拽、悬停、点击）、滚动效果、弹簧物理动画、布局动画以及 SVG 操作。通过 LazyMotion（4.6 KB）或 useAnimate mini（2.3 KB）优化包体积。 适用场景：添加拖拽交互、创建滚动触发动画、实现带过渡效果的模态对话框、构建带动量的轮播组件、为页面/路由切换添加动画、创建视差英雄区、实现平滑展开/收起的折叠面板，或优化动画包体积。对于简单列表动画，建议使用 auto-animate 技能（3.28 KB vs 34 KB）。 常见问题排查：AnimatePresence 退出动画不生效、大型列表性能问题、Tailwind 过渡效果冲突、Next.js "use client" 错误、可滚动容器布局问题，或 Cloudflare Workers 构建错误（2024年12月已修复）。
适用于边缘计算和无服务器环境的Neon + Vercel Serverless Postgres。可用于Cloudflare Workers、Vercel Edge、带有HTTP/WebSocket连接的Next.js应用、数据库分支（类Git模式）、Drizzle/Prisma ORM集成、迁移、PITR备份，以及解决连接池耗尽错误、TCP连接问题、SSL配置问题等场景。
本技能适用于Next.js App Router模式、Server Components、Server Actions、Cache Components以及框架级优化。涵盖Next.js 16的重大变更，包括异步参数、proxy.ts迁移、使用"use cache"的Cache Components，以及React 19.2集成。如果要部署到Cloudflare Workers，请使用cloudflare-nextjs技能。本技能与部署平台无关，可在Vercel、AWS、自托管或任何平台上使用。 关键词：Next.js 16、Next.js App Router、Next.js Pages Router、Server Components、React Server Components、Server Actions、Cache Components、use cache、Next.js 16重大变更、Next.js异步参数、proxy.ts迁移、React 19.2、Next.js元数据、Next.js SEO、generateMetadata、静态生成、动态渲染、流式SSR、Suspense、并行路由、拦截路由、路由组、Next.js中间件、Next.js API路由、Route Handlers、revalidatePath、revalidateTag、next/navigation、useSearchParams、turbopack、next.config
在Cloudflare Workers上通过Puppeteer/Playwright实现无头Chrome自动化。适用于：截图、PDF生成、网页爬取、站点遍历、浏览器自动化，或排查XPath错误、浏览器超时、绑定未传递错误、会话限制、page.evaluate __name错误、waitForSelector超时问题等场景。
基于OpenAI的无状态API构建 - 包含Chat Completions（GPT-5、GPT-4o）、Embeddings、Images（DALL-E 3）、Audio（Whisper + TTS）以及Moderation功能。提供Node.js SDK和适用于Cloudflare Workers的fetch调用方案。 适用场景：使用GPT-5/GPT-4o实现对话补全、通过SSE实现响应流式传输、调用函数/工具、通过JSON Schema生成结构化输出、为RAG生成嵌入向量（text-embedding-3-small/large）、使用DALL-E 3生成图片、使用GPT-Image-1编辑图片、使用Whisper转录音频、使用TTS（11种音色）合成语音、内容审核（11个安全类别），以及排查速率限制（429）、无效API密钥（401）、函数调用失败、流式解析错误、嵌入向量维度不匹配或令牌超限等问题。
经过生产环境测试的Base UI（@base-ui-components/react）配置方案——这是MUI推出的无样式组件库，采用render props模式提供可访问、可定制的React组件。当你需要构建完全可控样式的可访问UI、从Radix UI迁移，或是需要集成Floating UI实现智能定位的组件时，都可以使用本方案。 适用场景：在Vite + React项目中搭建Base UI、从Radix UI迁移到Base UI、实现可访问组件（Dialog、Select、Popover、Tooltip、NumberField、Accordion）、解决弹窗定位问题、需要使用render prop API而非asChild模式、基于Tailwind v4 + shadcn/ui构建项目，或是部署到Cloudflare Workers。 ⚠️ 测试版状态：Base UI当前版本为v1.0.0-beta.4，预计2025年第四季度推出稳定版v1.0。本方案提供了已知测试版问题的解决方法，以及API稳定性相关指导。 关键词：base-ui, @base-ui-components/react, mui base ui, 无样式组件, 可访问组件, render props, radix替代方案, radix迁移, floating-ui, 定位器模式, 无头UI, 可访问Dialog, 可访问Select, 可访问Popover, 可访问Tooltip, 可访问Accordion, 数字输入框, React组件, Tailwind组件, Vite React, Cloudflare Workers UI, 测试版组件, 组件库
Cloudflare Browser Rendering 完整知识域 - 在 Cloudflare Workers 上使用 Puppeteer 和 Playwright 实现无头 Chrome 自动化，用于截图、PDF生成、网页爬取和浏览器自动化工作流。 适用场景：截图、从HTML或URL生成PDF、网页内容爬取、网站抓取、浏览器自动化任务、Web应用测试、浏览器会话管理、批量浏览器操作、与AI集成进行内容提取，或遇到浏览器渲染错误、XPath选择器错误、浏览器超时问题、并发限制、内存超出错误，或“Cannot read properties of undefined (reading 'fetch')”错误。 关键词：browser rendering cloudflare, @cloudflare/puppeteer, @cloudflare/playwright, puppeteer workers, playwright workers, screenshot cloudflare, pdf generation workers, web scraping cloudflare, headless chrome workers, browser automation, puppeteer.launch, playwright.chromium.launch, browser binding, session management, puppeteer.sessions, puppeteer.connect, browser.close, browser.disconnect, XPath not supported, browser timeout, concurrency limit, keep_alive, page.screenshot, page.pdf, page.goto, page.evaluate, incognito context, session reuse, batch scraping, crawling websites
本技能提供使用Anthropic Messages API（Claude API）的全面知识。适用于将Claude模型集成到应用程序、实现流式响应、启用提示缓存以节省成本、添加工具调用（函数调用）、利用视觉能力处理图像，或使用扩展思考模式的场景。 适用于构建聊天机器人、AI助手、内容生成工具，或任何需要Claude语言理解能力的应用。涵盖服务端实现（Node.js、Cloudflare Workers、Next.js）和直接API访问方式。 关键词：claude api, anthropic api, messages api, @anthropic-ai/sdk, claude streaming, prompt caching, tool use, vision, extended thinking, claude 3.5 sonnet, claude 3.7 sonnet, claude sonnet 4, function calling, SSE, rate limits, 429 errors
通过SMTP2GO API发送事务性邮件和SMS。内容涵盖认证、/email/send和/email/mime端点、模板管理、附件（Base64/URL形式）、投递事件Webhook、统计信息以及抑制列表管理。适用于从Cloudflare Workers发送邮件、构建通知系统、追踪投递状态、处理退信等场景。可避免认证错误、附件编码问题等常见问题。