draft-proto

77 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By tonone-ai/tonone (GitHub) · coding · 77 stars · scanned at commit 437fb62

Hi-fi interactive HTML prototype — single-file, double-click-to-open, Playwright-verified. Use when asked to "make it clickable", "build a prototype", "hi-fi mockup", "interactive demo", "iOS prototype", "app mockup", "ui demo", or "prototype this". Goes beyond wireframes into visually finished, state-driven HTML with device frames and real images. Not production code — a design artifact for testing flows and pitching ideas.

Works with any agent that supports SKILL.md skills.

What this skill can do

Connects to the internet

This is disclosed by the author in the skill's SKILL.md or README. It runs automatically when the plugin is installed.

Found in 2 places.

skills/draft-proto/SKILL.md, line 421. `WebSearch` the product name + "UI" + "screenshots" to confirm design patterns and real visuals
hooks/tonone-update-check.js, line 62const req = https.get(RAW_URL, { timeout: 5000 }, (res) => {

Downloads and installs other software

The author does not mention this.

Found in 1 place.

skills/draft-proto/SKILL.md, line 178npx playwright screenshot "file:///$(pwd)/output.html" out.png --viewport-size=390,844

Runs commands on your computer

The author does not mention this. It runs automatically when the plugin is installed. Expected for a coding skill.

Found in 27 places.

skills/draft-proto/SKILL.md, line 178npx playwright screenshot "file:///$(pwd)/output.html" out.png --viewport-size=390,844
hooks/hooks.json, line 8"command": "bash \"${CLAUDE_PLUGIN_ROOT}/hooks/install-statusline.sh\""
hooks/hooks.json, line 12"command": "node \"${CLAUDE_PLUGIN_ROOT}/hooks/tonone-update-check.js\"",

Show 17 more

hooks/hooks.json, line 17"command": "node \"${CLAUDE_PLUGIN_ROOT}/hooks/tonone-skill-gate.js\"",
hooks/hooks.json, line 22"command": "node \"${CLAUDE_PLUGIN_ROOT}/hooks/tonone-star-ask.js\"",
hooks/hooks.json, line 27"command": "node \"${CLAUDE_PLUGIN_ROOT}/hooks/tonone-onboard.js\"",
hooks/hooks.json, line 39"command": "node \"${CLAUDE_PLUGIN_ROOT}/hooks/tonone-agent-tracker.js\"",
hooks/hooks.json, line 49"command": "node \"${CLAUDE_PLUGIN_ROOT}/hooks/tonone-session-tracker.js\"",
hooks/hooks.json, line 59"command": "node \"${CLAUDE_PLUGIN_ROOT}/hooks/tonone-pr-attribution.js\"",
hooks/hooks.json, line 70"command": "node \"${CLAUDE_PLUGIN_ROOT}/hooks/tonone-notify.js\"",
hooks/hooks.json, line 81"command": "node \"${CLAUDE_PLUGIN_ROOT}/hooks/tonone-notify.js\"",
hooks/hooks.json, line 93"command": "node \"${CLAUDE_PLUGIN_ROOT}/team/warden/hooks/warden-guard.js\"",
hooks/tonone-notify.js, line 15const { spawnSync } = require("child_process");
hooks/tonone-notify.js, line 51spawnSync("osascript", ["-e", parts.join(" ")], { timeout: 3000 });
hooks/tonone-notify.js, line 56spawnSync("afplay", [file], { timeout: 5000 });
hooks/tonone-pr-attribution.js, line 12const { execSync, spawnSync } = require("child_process");
hooks/tonone-pr-attribution.js, line 63const url = execSync("gh pr view --json url -q .url", {
hooks/tonone-pr-attribution.js, line 75const viewResult = spawnSync(
hooks/tonone-pr-attribution.js, line 89spawnSync("gh", ["pr", "edit", prUrl, "--body-file", tmpFile], {
hooks/tonone-skill-gate.js, line 63const { spawnSync } = require("child_process");

and 7 more places

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

Other copies in this repository

tonone-ai/tonone has 1 more folder with a skill named draft-proto. This page shows the lowest-scoring copy.

team/draft/skills/draft-proto 77/100 · Review before installing

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'draft-proto' ] || [ -L ~/.agents/skills/'draft-proto' ]; then echo 'A skill folder named draft-proto 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-proto' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/draft-proto' ~/.agents/skills/'draft-proto' && 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-proto' ~/.claude/skills/'draft-proto' (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

The badge for tonone-ai/tonone shows the score of its lowest-scoring skill.

SkillTrust badge for tonone-ai/tonone

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/tonone-ai/tonone.svg)](https://zalavijaysinh.github.io/skilltrust/repos/tonone-ai/tonone/)

Score history

Date	Version	Score
2026-11-08	`437fb62`	77