crop-mark-corner-draw

Animates SVG corner brackets that frame a canvas with customizable size and stroke parameters.

6|1|Updated May 29, 2026
One-click install
npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill crop-mark-corner-draw
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: crop-mark-corner-draw
Source: https://github.com/gooseworks-ai/gooseworks-ads-skills/tree/main/skills/atoms/motion-graphics/effects/crop-mark-corner-draw
Command: npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill crop-mark-corner-draw

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill creates four L-shaped corner brackets to frame the canvas, emulating the look of a film print. It helps to give a cinematic or 'shot on film' aesthetic to visual content.

Core Features & Use Cases

  • Frame Drawing: Animates the drawing-on of four L-shaped corner brackets around the canvas corners.
  • Stays Static: After drawing, the corners remain static on the screen.
  • Customizable Parameters: Allows the user to set size, stroke width, stroke color, offset, and animation timing for each corner.

Quick Start

Render and animate corner brackets on a canvas by setting 'size_px' to 60, 'stroke_width_px' to 3, 'stroke_color' to "#1F1F1F", and 'offset_from_edge_px' to 80.

Frequently Asked Questions about crop-mark-corner-draw

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add cinematic corner brackets to a canvas for a film print aesthetic?

To add cinematic corner brackets to a canvas, animate four L-shaped brackets using SVG to emulate a film print aesthetic. You can customize size, stroke width, color, offset, and animation timing to achieve the desired visual framing.

Can I customize the stroke width and offset of SVG corner brackets?

Yes, you can customize SVG corner brackets by setting parameters for stroke width, stroke color, offset from the edge, and size. This allows consistent framing elements tailored to your specific visual production needs.

How do I animate corner brackets drawing onto the screen?

You can animate corner brackets drawing onto the screen by defining animation timing parameters within the SVG rendering process. After the drawing animation completes, the L-shaped brackets remain static on the canvas.

What is the best way to frame visual content with a shot on film look?

The best way to frame visual content with a shot on film look is to render static L-shaped corner brackets around the canvas edges. This approach provides a consistent framing element that emulates traditional film print aesthetics.

Do corner brackets stay on the screen after the animation finishes?

Yes, the corner brackets stay static on the screen after the initial drawing animation finishes. They maintain their position to provide consistent canvas framing throughout the visual production.

How do I set the size and color parameters for canvas framing brackets?

You set canvas framing brackets by defining values such as 'size_px' for dimensions and 'stroke_color' for the outline hue. Additional parameters like 'offset_from_edge_px' control the exact placement of the brackets.