Works with the AI tools you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIGitHub CopilotGitHub CopilotGemini CLIGemini CLI+20 more

    Design Md Evidence Extractor Pro

    2

    Turn a user-approved website into a provenance-backed DESIGN.md pack that separates measured tokens, inferred roles, conflicts, and unresolved gaps.

    $5

    Secure checkout via Stripe

    30-day refund guarantee

    Converts to your local currency at checkout

    0 installsSecurity scanned
    Design Md Evidence Extractor Pro

    Design Md Evidence Extractor Pro

    Example session with this skill installed

    Extract an evidence-backed DESIGN.md from https://example.com using the homepage, pricing page, and one product page. Do not copy text or images. Save the result under ./output and tell me whether coverage is READY or PARTIAL.

    • Read your context and instructions
    • Compiled the design md evidence
    • Generated the UI component

    Creates ./output/DESIGN.md, design-tokens.json, extraction-evidence.json, coverage-report.md, and rebuild-brief.md. The coverage report states READY, PARTIAL, or BLOCKED with a score, missing groups, conflicts, warnings, and the next safe capture action. Every proposed token keeps page-level provenance in extraction-evidence.json.

    design-md-evidence-extractor.tsx

    TSX · React component

    Generated

    Example file from a real run - the skill writes it into your workspace.

    Connects securely to your tools. The creator never sees your data.

    What you get

    Generate design system baselines from live production websitesProduce machine-readable design tokens for UI migrationsAudit visual implementations using deterministic rendered evidenceCreate high-confidence rebuild briefs for frontend agentsDocument a live or legacy website before an authorized redesign or migration. Create evidence-backed visual context for Claude Code, Cursor, Codex CLI, or another coding agent. Extract reusable color, typography, spacing, radius, shadow, and component patterns without copying page content. Compare representative page families and expose conflicting variables or visual themes. Produce an honest partial package when a site is blocked, dynamic, or thin instead of fabricating missing values.

    About this skill

    Design.md Evidence Extractor is built for frontend developers, agencies, design-system teams, and AI coding workflows that need more than a guessed palette. Its Evidence-Lock Extraction Pipeline captures rendered computed styles from representative pages, preserves page-level provenance, detects conflicting variables and component variants, scores coverage, and compiles a five-file design intelligence pack. The output includes DESIGN.md, normalized design tokens, an evidence ledger, a coverage report, and a rebuild brief. Thin pages, blocked stylesheets, bot challenges, missing states, and inconsistent themes are not hidden: the skill returns READY, PARTIAL, or BLOCKED with a specific recovery path. It intentionally excludes page copy, cookies, form values, images, logos, proprietary scripts, and other source assets. Use it to document a legacy UI, create an authorized migration baseline, prepare agent-ready visual context, compare page families, or reduce unsupported design guesses before implementation.

    How to install

    Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.

    ~30 seconds
    1. 1

      Download the ZIP

      Free skills download straight away. Paid skills unlock right after purchase.

    2. 2

      Unzip into your skills folder

      Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.

    3. 3

      Ask your agent to use it

      Restart the agent if it was already running. It picks the skill up automatically - no config needed.

    Skills folder by agent

    Click the path to copy it. Create the folder if it does not exist yet.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    30-day refund

    Not a fit? Get your money back

    Trust & safety

    Security scanned

    Verified clean 1 month ago

    • Passed all security checks, Safe to install

    Listed1 month ago
    Updated1 month ago

    What's inside

    Frequently Asked Questions