draft-wireframe
90 / 100 · Low risk
Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.
Wireframe a screen — text/ASCII by default, or hand-drawn HTML when the user says "sketch", "hand-drawn", "lo-fi HTML", "whiteboard", "graph paper", or "visual wireframe". Text mode produces a buildable ASCII spec Form and Prism can act on. HTML mode produces a single self-contained file with graph-paper background, marker headlines, sticky-note annotations, and hatched chart placeholders — looks like a designer's whiteboard, commits to nothing.
What this skill can do
Runs commands on your computer
Connects to the internet
Other copies in this repository
- team/draft/skills/draft-wireframe
- bundle/full-team/skills/draft-wireframe
- bundle/product-team/skills/draft-wireframe
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'draft-wireframe' ] || [ -L ~/.agents/skills/'draft-wireframe' ]; then echo 'A skill folder named draft-wireframe already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/tonone-ai/tonone' "$d" && git -C "$d" checkout --quiet '437fb628a5e172d4a2d21cdd851286dd2310cdb7' -- 'skills/draft-wireframe' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/draft-wireframe' ~/.agents/skills/'draft-wireframe' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'draft-wireframe' ~/.claude/skills/'draft-wireframe' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/tonone-ai/tonone/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-08 | 437fb62 | 90 |