Draw
/install 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
| Command | Description |
|---|---|
draw palette \x3Cinput> |
Create or log a color palette entry |
draw preview \x3Cinput> |
Record a design preview note |
draw generate \x3Cinput> |
Generate and log a design asset or concept |
draw convert \x3Cinput> |
Log a color or format conversion |
draw harmonize \x3Cinput> |
Record a color harmony analysis |
draw contrast \x3Cinput> |
Log a contrast check result |
draw export \x3Cinput> |
Log an export operation |
draw random \x3Cinput> |
Record a random color or design generation |
draw browse \x3Cinput> |
Log a browsing/discovery session |
draw mix \x3Cinput> |
Record a color mixing result |
draw gradient \x3Cinput> |
Log a gradient definition |
draw swatch \x3Cinput> |
Record a color swatch entry |
draw stats |
Show summary statistics across all logs |
draw export \x3Cfmt> |
Export all data (json, csv, or txt) |
draw search \x3Cterm> |
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, orexport.txt(generated on demand)
Data format: each entry is stored as YYYY-MM-DD HH:MM|\x3Cvalue>, 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
- Building a color system — log palettes, harmonies, and contrast checks while designing a brand or UI theme
- Prototyping design assets — generate swatches, gradients, and random color explorations for rapid iteration
- Auditing accessibility — record contrast ratios and color harmony data for WCAG compliance reviews
- Maintaining a design journal — track every color decision, mix experiment, and conversion over time
- 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 | [email protected]
- 确保已安装 OpenClaw(本地或 Docker 部署)
- 在对话框中输入安装命令:
/install draw - 安装完成后,直接呼叫该 Skill 的名称或使用
/draw触发 - 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
Draw 是什么?
Create SVG diagrams with shapes, layers, and multi-format export. Use when generating graphics, building diagrams, arranging layouts. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 347 次。
如何安装 Draw?
在 OpenClaw 或 Claude Code 对话框中运行命令「/install draw」即可一键安装,无需额外配置。
Draw 是免费的吗?
是的,Draw 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。
Draw 支持哪些平台?
Draw 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。
谁开发了 Draw?
由 bytesagain3(@bytesagain3)开发并维护,当前版本 v2.0.1。