mcpbeat Sign in

Reimagine It Extract Agent Skill

>- Emit the content signals reimagine-it reads from an HTML file — title, anchors, proper nouns, dates, numbers, emails, links, source hex colors, and the derived palette — as JSON without generating a redesign. Use when the user says /reimagine-it extract, "what does the engine see in this page", "extract the palette", "pull the facts from this page", or wants npx reimagine-it extract -i page.html -o signals.json. Part of the reimagine-it Content-Derived Design suite.

830 tokens
context cost
the whole folder, loaded on every use
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
104
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/Kayforkind/reimagine-it --skill reimagine-it-extract

The instruction itself

4 sections, as written by the author

/reimagine-it extract

Parent: ../SKILL.md — the full Content-Derived Design engine. This sub-skill handles only the extraction surface — the honesty layer the whole method stands on.

The redesign is only as honest as its extraction. This verb emits exactly what

the engine reads, as JSON, without generating anything: title, profile,

density, derived palette, anchors, proper nouns, headings, dates, numbers,

emails, links, and source hex colors. Every extracted fact exists in the

source — property-tested against hostile and malformed input.

Usage

npx reimagine-it extract -i page.html -o signals.json
cat page.html | npx reimagine-it extract -o -        # stdin → stdout
npx reimagine-it extract -i page.html --full -o signals.json  # + prose

Payload shape (default):

{
  "source": "page.html",
  "title": "…",
  "profile": "restaurant | saas | civic | …",
  "density": "sparse | medium | dense",
  "palette": { "ground": "…", "accent": "…", "muted": "…", "surface": "…", "ink": "…" },
  "anchors": ["…"],
  "properNouns": ["…"],
  "headings": ["…"],
  "dates": ["…"],
  "numbers": ["…"],
  "emails": ["…"],
  "links": ["…"],
  "sourceHex": ["#6B3A2A"],
  "counts": { "paragraphs": 4, "listItems": 16 }
}

--full adds paragraphs and items (the raw prose arrays).

Procedure

  • Run it before any redesign when the user asks "what would you even use

from this page?" — the JSON answers with the engine's actual inputs.

  • To audit honesty: every dates, numbers, emails, and links entry

must be findable in the source. Nothing else is allowed to appear.

  • Use it for migration/research: the payload is a stable, typed summary of

a page's content — no redesign attached.

Must not

  • Add facts not present in the payload to any downstream summary
  • Present the derived palette as colors the source *declared* — hex colors

in sourceHex were in the source; the rest is derivation

  • Round or "clean up" extracted numbers and dates; they are quotes

Part of reimagine-it — MIT.

How to use it

Copy the folder

Take kayforkind/reimagine-it-extract from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.

Install what it needs

The instructions reference npx. Without those the skill loads but fails at the first command.