Clip Path Generator MCP tool
findutils:clip_path_generator Generate a CSS clip-path from a named shape (triangle, trapezoid, parallelogram, rhombus, pentagon, hexagon, octagon, star, chevron, message, circle, ellipse, inset) or from your own percentage coordinate pairs. Coordinates are relative to the element box, so the shape scales with the element. Returns the full "clip-path: ...;" rule, the bare value, and the resolved points. Note that clip-path cuts the element visually but does not change its layout box.
Arguments
application/json-
shape
string optional
Named shape. Default triangle. Ignored when points is supplied. One of
triangle · trapezoid · parallelogram · rhombus · pentagon · hexagon · octagon · star · chevron · message · circle · ellipse · inset. Default"triangle". -
points
string optional
Custom polygon as comma-separated percentage pairs, e.g. "50% 0%, 0% 100%, 100% 100%". At least three pairs. Overrides shape.
-
radius
number optional
For shape=circle or ellipse: radius in percent (1 to 100). Default 50. Default
50. -
inset
number optional
For shape=inset: how far each edge is pulled in, in percent (0 to 49). Default 10. Default
10. -
round
number optional
For shape=inset: corner rounding in px (0 to 200). Default 0. Default
0.
Example arguments
Verified{
"shape": "hexagon"
}More Generators tools
- Barcode Generator Generate a 1D barcode as an SVG string from text.
- Box Shadow Generator Generate a CSS box-shadow declaration from offset, blur, spread, colour, opacity, and inset settings, or from a named preset (subtle, soft,
- Caption Generator Generate a social-media caption from a topic using built-in templates (no AI): picks a template for the content type and tone, fills in the
- Color Palette Generator Generate a harmonious colour palette from a base hex colour: complementary, analogous, triadic, tetradic, split-complementary, or monochroma
- Css Animation Generator Return CSS @keyframes animation code (or Tailwind config, Web Animations API / React, or Framer Motion code) from a named preset such as fad
- Css Filter Generator Generate a CSS filter declaration from brightness, contrast, saturate, grayscale, sepia, invert, opacity, blur and hue-rotate, or from a nam