Design Tool
by @ckchzh
Penpot: The open-source design tool for design and code collaboration design-tool, clojure, clojure, clojurescript, design, prototyping.
clawhub install design-toolπ About This Skill
version: "2.0.0" name: Penpot description: "Penpot: The open-source design tool for design and code collaboration design-tool, clojure, clojure, clojurescript, design, prototyping."
Design Tool
Design Tool v2.0.0 β a utility toolkit for logging, tracking, and managing design-related entries from the command line.
Commands
All commands accept optional input arguments. Without arguments, they display recent entries from the corresponding log. With arguments, they record a new timestamped entry.
| Command | Description |
|---------|-------------|
| run | Record or view run entries |
| check | Record or view check entries |
| convert | Record or view convert entries |
| analyze | Record or view analyze entries |
| generate | Record or view generate entries |
| preview | Record or view preview entries |
| batch | Record or view batch entries |
| compare | Record or view compare entries |
| export | Record or view export entries |
| config | Record or view config entries |
| status | Record or view status entries |
| report | Record or view report entries |
| stats | Show summary statistics across all log files |
| search | Search all log entries for a keyword (case-insensitive) |
| recent | Display the 20 most recent history log entries |
| help | Show usage information |
| version | Print version (v2.0.0) |
Data Storage
All data is stored locally in ~/.local/share/design-tool/:
.log file with pipe-delimited timestamp|value format.export utility function supports JSON, CSV, and TXT output, written to ~/.local/share/design-tool/export..No external services, databases, or API keys are required. Everything is flat-file and human-readable.
Requirements
date, wc, du, tail, grep, sed, basename, cat)When to Use
Examples
# Record a new run entry
design-tool run "updated homepage wireframe v3"View recent run entries (no args = show history)
design-tool runCheck something and log it
design-tool check "color contrast passes WCAG AA"Analyze and record
design-tool analyze "user flow has 5 steps, target is 3"Preview and record
design-tool preview "mobile layout at 375px"Compare designs
design-tool compare "v2 vs v3 header layout"Search across all logs
design-tool search "wireframe"View summary statistics
design-tool statsShow recent activity across all commands
design-tool recentShow tool version
design-tool versionShow full help
design-tool help
How It Works
Each command follows the same pattern:
1. With arguments β Timestamps the input, appends it to the command-specific log file, prints confirmation, and logs to history.log.
2. Without arguments β Shows the last 20 entries from that command's log file.
The stats command iterates all .log files, counts entries per file, and reports totals plus disk usage. The search command performs case-insensitive grep across all log files. The recent command tails the last 20 lines of history.log.
Powered by BytesAgain | bytesagain.com | hello@bytesagain.com
β‘ When to Use
π‘ Examples
# Record a new run entry
design-tool run "updated homepage wireframe v3"View recent run entries (no args = show history)
design-tool runCheck something and log it
design-tool check "color contrast passes WCAG AA"Analyze and record
design-tool analyze "user flow has 5 steps, target is 3"Preview and record
design-tool preview "mobile layout at 375px"Compare designs
design-tool compare "v2 vs v3 header layout"Search across all logs
design-tool search "wireframe"View summary statistics
design-tool statsShow recent activity across all commands
design-tool recentShow tool version
design-tool versionShow full help
design-tool help