Image Editor Toolkit
When to use: Adding image editing to apps: avatar croppers, photo filters, screenshot annotations, image compression before upload, and thumbnail generation.
npx skills add image-editor-componentsgit clone https://github.com/skillhub-community/image-editor-components.gitDescription
A comprehensive browser-based image editor. Core tools: CropTool with freehand aspect presets, zoom-to-fit crop box, and rotate/flip; FilterPanel with 20+ preset filters (vintage, noir, warm, cool, vivid) plus brightness/contrast/saturation/color-balance sliders applied live on canvas; AnnotateTool for arrows, rectangles, circles, freehand pen, and text labels with configurable stroke/fill — ideal for screenshot markup; and CompressTool that resizes and re-encodes images with a live size preview and quality slider.
All tools operate on an HTMLCanvas2D pipeline with a single source image, undo/redo history (last 20 steps), and a side-by-side before/after toggle. Export options: PNG, JPEG, WebP with quality control, or a compressed-size-target (e.g., 'under 200KB') auto-solver. Includes a CameraInput helper (capture from device camera via getUserMedia) and drag-drop + paste-from-clipboard upload. Framework-light: each tool is an independent component, so teams compose only what they need.
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub