ai-agent

Easily Crop Images with vue-cropper

Name: Easily Crop Images with vue-cropper
Author: xyxiao001

Get a simple image clipping plugin for your Vue app, ideal for startup founders and developers.

4,559 stars706 forksVueGuide quality 8/10Updated 3/9/2026100% free · open source

What it does

Vue-cropper is a simple image clipping plugin that allows users to crop and upload images in a Vue application

When to use it

•When you need to add a profile picture upload feature to your application
•When you want to allow users to crop and upload product images
•When you need to add an image editing feature to your application

Ready-to-paste prompt

<VueCropper :img='example.png' :outputType_='png' @cropMoving='moving' @cropEnd='end' />

Heads up: Make sure to import the CSS file of the cropper in your Vue file or main CSS file: `import 'vue-cropperjs/dist/index.css'`

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/vue-cropper && curl -fsSL https://workflowstacks.com/api/skills/vue-cropper/claude-skill -o ~/.claude/skills/vue-cropper/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/vue-cropper && curl -fsSL https://workflowstacks.com/api/skills/vue-cropper/claude-skill -o ~/.claude/skills/vue-cropper/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

xyxiao001

Language

Vue