draw

Create SVG diagrams with shapes, layers, and multi-format export. Use when generating graphics, building diagrams, arranging layouts.

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "draw" with this command: npx skills add bytesagain3/draw

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

CommandDescription
draw palette <input>Create or log a color palette entry
draw preview <input>Record a design preview note
draw generate <input>Generate and log a design asset or concept
draw convert <input>Log a color or format conversion
draw harmonize <input>Record a color harmony analysis
draw contrast <input>Log a contrast check result
draw export <input>Log an export operation
draw random <input>Record a random color or design generation
draw browse <input>Log a browsing/discovery session
draw mix <input>Record a color mixing result
draw gradient <input>Log a gradient definition
draw swatch <input>Record a color swatch entry
draw statsShow summary statistics across all logs
draw export <fmt>Export all data (json, csv, or txt)
draw search <term>Search across all log files for a term
draw recentShow the 20 most recent activity entries
draw statusHealth check — version, disk usage, last activity
draw helpShow all available commands
draw versionShow 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 logspalette.log, preview.log, generate.log, convert.log, harmonize.log, contrast.log, export.log, random.log, browse.log, mix.log, gradient.log, swatch.log
  • Activity historyhistory.log (unified timeline of all actions)
  • Exportsexport.json, export.csv, or export.txt (generated on demand)

Data format: each entry is stored as YYYY-MM-DD HH:MM|<value>, 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

# 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:

draw stats > design-report.txt
draw export csv

Powered by BytesAgain | bytesagain.com | hello@bytesagain.com

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

openclaw2backup

一键备份和恢复 OpenClaw 工作空间、Skills 及配置,支持快速和完整备份、选择性恢复及备份管理。

Registry SourceRecently Updated
2240Profile unavailable
General

OpenClaw Session Model Switcher

Instantly switch the current OpenClaw session model; supports gpt, claude, qianwen, minimax, current model status, configured model listing, and restoring th...

Registry SourceRecently Updated
3011Profile unavailable
General

QWeather China

基于中国气象局数据的完整天气服务,通过和风天气API提供实时天气、天气预报、生活指数、空气质量等全方位天气信息。专为中国用户优化,数据更准确,功能更全面。

Registry SourceRecently Updated
3830Profile unavailable
General

Token Optimizer Pro

Monitor OpenClaw token usage, analyze usage patterns, estimate cost, and provide practical optimization suggestions. Use when reviewing token consumption by...

Registry SourceRecently Updated
9190Profile unavailable