# Add Rect

> Add a rectangle to an existing SVG file

- Skill: `brxs/add-rect` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add brxs/add-rect`
- Raw SKILL.md: https://api.skillmd.com/api/skills/brxs/add-rect/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: brxs (https://skillmd.com/u/brxs)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/brxs/add-rect

---


# Add Rectangle

Adds a rectangle to an existing SVG file.

## Usage

```bash
node .claude/skills/add-rect/index.js <svg-file> <x> <y> <width> <height> <fill>
```

## Parameters

- `svg-file` - Path to the SVG file to modify
- `x` - Top-left X coordinate
- `y` - Top-left Y coordinate
- `width` - Rectangle width
- `height` - Rectangle height
- `fill` - Fill color as hex (default: #1E88E5)

## Example

```bash
node .claude/skills/add-rect/index.js output/art.svg 100 450 60 180 '#1E88E5'
```