Convert local image uploads to WebP via a Next.js API route.
npx skills add https://github.com/arunoda/OkBrain --skill image-upload-arunoda
Please help me install this Agent Skill. Skill: Image Upload Source: https://github.com/arunoda/OkBrain/tree/main/.agent/skills/image_upload Command: npx skills add https://github.com/arunoda/OkBrain --skill image-upload-arunoda
This Skill streamlines the process of adding images to documents within the application, ensuring they are optimized for web display and seamlessly integrated into the editor.
sharp for faster loading and reduced file sizes.Upload the image file 'diagram.png' into the document editor.
High-intent search queries and answers about installing and using this skill.
This Skill handles local image uploads by processing files through the sharp library, automatically converting formats like JPEG, PNG, and GIF into optimized WebP images for faster loading and reduced file sizes in your Next.js document editor.
Yes, you can add drag and drop image uploads to a TipTap editor. This Skill supports seamless integration via drag-and-drop, paste functionality, and slash commands to embed optimized images directly into your document.
Sharp converts and serves optimized images through a dedicated Next.js API route by intercepting local file uploads, transforming them into WebP format, and efficiently serving the reduced-size files back to the document editor for display.
Supported image formats for WebP conversion in a TipTap document editor include JPEG, PNG, and GIF. The sharp library processes these uploaded local files and automatically converts them into the efficient WebP format.
mattwoodcoExtend image borders to a target aspect ratio using OpenAI's image edit endpoint.
docs-plusConfigure Tiptap 3 editors with extensions, collaboration, and document conversion.
rally19Integrate Tiptap rich text editor into React and Next.js projects.
evolv3aiResize, convert, and optimize images with the Sharp library in Node.js.