extract-design

82 / 100 · Low risk

Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.

By danielvm-git/bigpowers (GitHub) · coding · 288 stars · scanned at commit c19edc7

Extract a Google DESIGN.md file from an HTML prototype (claude.ai/design or any styled page) using Puppeteer, producing machine-readable tokens and AI-generated prose. Use when the user has an HTML prototype and wants a DESIGN.md to anchor their project's visual identity, or when seed-conventions has just scaffolded a new project.

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 4 places.

skills/extract-design/SKILL.md, line 14> **HARD GATE** — Do NOT ship DESIGN.md without running `npx @google/design.md lint`. Unvalidated output is unverified output. If lint is unavailable (offline),
skills/extract-design/SKILL.md, line 415. **Write + validate** — serialize to `specs/tech-architecture/DESIGN_LATEST.md`, run `npx @google/design.md lint`, report to terminal.
skills/extract-design/scripts/lib/validator.js, line 4const BIN = 'npx @google/design.md';

Show 1 more

skills/extract-design/scripts/lib/validator.js, line 8isAvailable() { if (this._avail !== null) return this._avail; try { this._run('npx -y @google/design.md --help'); this._avail = true; } catch { this._avail = fa

Runs commands on your computer

This is disclosed by the author in the skill's SKILL.md or README. Expected for a coding skill.

Found in 4 places.

skills/extract-design/SKILL.md, line 20node extract-design/scripts/extract.js --source ./prototype.html
skills/extract-design/SKILL.md, line 75node extract-design/tests/test-extraction.js
skills/extract-design/scripts/lib/validator.js, line 1import { execSync } from 'node:child_process';

Show 1 more

skills/extract-design/scripts/lib/validator.js, line 7constructor({ runCommand } = {}) { this._run = runCommand || ((c) => execSync(c, { encoding: 'utf8', timeout: 30_000 })); this._avail = null; }

Other copies in this repository

danielvm-git/bigpowers has 3 more folders with a skill named extract-design. This page shows the lowest-scoring copy.

.pi/skills/extract-design 82/100 · Low risk
.cline/skills/extract-design 82/100 · Low risk
.gemini/extensions/bigpowers/skills/extract-design 82/100 · Low risk

Install

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

if [ -e ~/.agents/skills/'extract-design' ] || [ -L ~/.agents/skills/'extract-design' ]; then echo 'A skill folder named extract-design already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/danielvm-git/bigpowers' "$d" && git -C "$d" checkout --quiet 'c19edc76adb8363921bc3edb4a410216b63d9618' -- 'skills/extract-design' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/extract-design' ~/.agents/skills/'extract-design' && 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/'extract-design' ~/.claude/skills/'extract-design' (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 danielvm-git/bigpowers shows the score of its lowest-scoring skill.

SkillTrust badge for danielvm-git/bigpowers

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/danielvm-git/bigpowers.svg)](https://zalavijaysinh.github.io/skilltrust/repos/danielvm-git/bigpowers/)

Score history

Date	Version	Score
2026-11-09	`c19edc7`	82
2026-11-07	`9b9a662`	100