--- name: draw version: "2.0.0" author: BytesAgain homepage: https://bytesagain.com source: https://github.com/bytesagain/ai-skills license: MIT-0 tags: [draw, tool, utility] description: "Create SVG diagrams with shapes, layers, and multi-format export. Use when generating graphics, building diagrams, arranging layouts." --- # Draw Design toolkit for managing color palettes, generating swatches, mixing colors, creating gradients, previewing designs, and exporting results. A command-line companion for designers and front-end developers. ## Commands | Command | Description | |---------|-------------| | `draw palette ` | Create or log a color palette entry | | `draw preview ` | Record a design preview note | | `draw generate ` | Generate and log a design asset or concept | | `draw convert ` | Log a color or format conversion | | `draw harmonize ` | Record a color harmony analysis | | `draw contrast ` | Log a contrast check result | | `draw export ` | Log an export operation | | `draw random ` | Record a random color or design generation | | `draw browse ` | Log a browsing/discovery session | | `draw mix ` | Record a color mixing result | | `draw gradient ` | Log a gradient definition | | `draw swatch ` | Record a color swatch entry | | `draw stats` | Show summary statistics across all logs | | `draw export ` | Export all data (json, csv, or txt) | | `draw search ` | Search across all log files for a term | | `draw recent` | Show the 20 most recent activity entries | | `draw status` | Health check — version, disk usage, last activity | | `draw help` | Show all available commands | | `draw version` | Show current version | Each command without arguments displays the most recent 20 entries from its log file. ## Data Storage All data is stored in `~/.local/share/draw/`: - **Per-command logs** — `palette.log`, `preview.log`, `generate.log`, `convert.log`, `harmonize.log`, `contrast.log`, `export.log`, `random.log`, `browse.log`, `mix.log`, `gradient.log`, `swatch.log` - **Activity history** — `history.log` (unified timeline of all actions) - **Exports** — `export.json`, `export.csv`, or `export.txt` (generated on demand) Data format: each entry is stored as `YYYY-MM-DD HH:MM|`, pipe-delimited for easy parsing. ## Requirements - Bash 4+ with `set -euo pipefail` - Standard POSIX utilities (`date`, `wc`, `du`, `head`, `tail`, `grep`, `cut`, `basename`) - No external dependencies or API keys required ## When to Use 1. **Building a color system** — log palettes, harmonies, and contrast checks while designing a brand or UI theme 2. **Prototyping design assets** — generate swatches, gradients, and random color explorations for rapid iteration 3. **Auditing accessibility** — record contrast ratios and color harmony data for WCAG compliance reviews 4. **Maintaining a design journal** — track every color decision, mix experiment, and conversion over time 5. **Exporting design data** — export your full color and design history as JSON, CSV, or plain text for handoff to other tools ## Examples ```bash # Log a new palette draw palette "#FF5733 #33FF57 #3357FF warm-sunset" # Record a contrast check draw contrast "bg:#FFFFFF fg:#333333 ratio:12.6:1 PASS" # Mix two colors and log the result draw mix "#FF0000 + #0000FF = #800080 purple" # Generate a gradient definition draw gradient "linear 90deg #000000 → #FFFFFF" # Create a swatch entry draw swatch "Coral #FF7F50 used in header CTA" # Export all design data as JSON draw export json # Search all logs for a specific hex color draw search "FF5733" # View recent activity draw recent # Check overall status draw status ``` ## Output All command output goes to stdout. Redirect to a file if needed: ```bash draw stats > design-report.txt draw export csv ``` --- *Powered by BytesAgain | bytesagain.com | hello@bytesagain.com*

Draw

Description

Latest Changes

Install Draw with One Click