绘图工具
draw
by BytesAgain
Create SVG diagrams with shapes, layers, and multi-format export. Use when generating graphics, building diagrams, arranging layouts.
安装
claude skill add --url github.com/openclaw/skills/tree/main/skills/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
| Command | Description |
|---|---|
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 stats | Show 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 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|<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
- 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 | hello@bytesagain.com
相关 Skills
文档共著
by anthropics
围绕文档、提案、技术规格、决策记录等写作任务,按上下文收集、结构迭代、读者测试三步协作共创,减少信息遗漏,写出更清晰、经得起他人阅读的内容。
✎ 写文档、方案或技术规格时容易思路散、信息漏,它用结构化共著流程帮你高效传递上下文、反复打磨内容,还能从读者视角做验证。
内部沟通
by anthropics
按公司常用模板和语气快速起草内部沟通内容,覆盖 3P 更新、状态报告、领导汇报、项目进展、事故复盘、FAQ 与 newsletter,适合需要统一格式的团队沟通场景。
✎ 按公司偏好的模板快速产出状态汇报、领导更新和 FAQ,既省去反复改稿,也让内部沟通更统一、更专业。
平面设计
by anthropics
先生成视觉哲学,再落地成原创海报、艺术画面或其他静态设计,输出 .png/.pdf,强调构图、色彩与空间表达,适合需要高完成度视觉成品的场景。
✎ 做海报、插画或静态视觉稿时,用它能快速产出兼顾美感与版式的PNG/PDF成品,原创设计更省心,也更适合规避版权风险。
相关 MCP 服务
by nirholas
免费的加密新闻聚合 MCP,汇集 Bitcoin、Ethereum、DeFi、Solana 与 altcoins 资讯源。
by ProfessionalWiki
让 Large Language Model 客户端无缝连接任意 MediaWiki 站点,可创建、更新、搜索页面,并通过 OAuth 2.0 安全管理内容。
by alisaitteke
用于Adobe Photoshop自动化的MCP server,让AI assistants直接控制Photoshop。
相关资讯
本文通过‘画一只猫’的比喻,阐述了提示工程的核心在于减少输出方差。介绍了系统指令的权重层级,并详细解析了少样本提示、思维链提示、角色提示和工具增强提示四大模式。最后强调评估和验证的重要性。
Claude 现在可以按需生成交互式图表和可视化内容,作为对话的一部分。该功能处于 Beta 阶段,向所有用户开放,但生成时间可能长达半分钟,且模型在复杂主题上可能出现错误。Anthropic 此举与 OpenAI 和 Google 的类似功能形成竞争。