Impeccable
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
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…
$ npx skills add Kayforkind/reimagine-it --skill reimagine-it-extract -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Kayforkind/reimagine-it reimagine-it-extract --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Kayforkind/reimagine-it.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/reimagine-it/extract .claude/skills/reimagine-it-extract && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "reimagine-it-extract" agent skill from https://github.com/Kayforkind/reimagine-it/tree/main/skills/reimagine-it/extract into .claude/skills/reimagine-it-extract/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "reimagine-it-extract", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/Kayforkind/reimagine-it/tree/main/skills/reimagine-it/extractType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add Kayforkind/reimagine-it --skill reimagine-it-extract -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Kayforkind/reimagine-it reimagine-it-extract --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Kayforkind/reimagine-it.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/reimagine-it/extract .agents/skills/reimagine-it-extract && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "reimagine-it-extract" agent skill from https://github.com/Kayforkind/reimagine-it/tree/main/skills/reimagine-it/extract into .agents/skills/reimagine-it-extract/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "reimagine-it-extract", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Kayforkind/reimagine-it --skill reimagine-it-extract -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Kayforkind/reimagine-it reimagine-it-extract --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Kayforkind/reimagine-it.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/reimagine-it/extract .cursor/skills/reimagine-it-extract && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "reimagine-it-extract" agent skill from https://github.com/Kayforkind/reimagine-it/tree/main/skills/reimagine-it/extract into .cursor/skills/reimagine-it-extract/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "reimagine-it-extract", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/Kayforkind/reimagine-it.git --path skills/reimagine-it/extract--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Kayforkind/reimagine-it --skill reimagine-it-extract -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Kayforkind/reimagine-it reimagine-it-extract --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Kayforkind/reimagine-it.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/reimagine-it/extract .gemini/skills/reimagine-it-extract && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "reimagine-it-extract" agent skill from https://github.com/Kayforkind/reimagine-it/tree/main/skills/reimagine-it/extract into .gemini/skills/reimagine-it-extract/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "reimagine-it-extract", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install Kayforkind/reimagine-it reimagine-it-extractInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add Kayforkind/reimagine-it --skill reimagine-it-extract -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Kayforkind/reimagine-it.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/reimagine-it/extract .github/skills/reimagine-it-extract && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "reimagine-it-extract" agent skill from https://github.com/Kayforkind/reimagine-it/tree/main/skills/reimagine-it/extract into .github/skills/reimagine-it-extract/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "reimagine-it-extract", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Kayforkind/reimagine-it --skill reimagine-it-extract -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Kayforkind/reimagine-it reimagine-it-extract --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Kayforkind/reimagine-it.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/reimagine-it/extract .opencode/skills/reimagine-it-extract && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "reimagine-it-extract" agent skill from https://github.com/Kayforkind/reimagine-it/tree/main/skills/reimagine-it/extract into .opencode/skills/reimagine-it-extract/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "reimagine-it-extract", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
reimagine-it-extractEmit 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…
Reimagine It Extract is an agent skill from Kayforkind/reimagine-it. 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 content analysis for research, migration, or design-system work. CLI: npx reimagine-it extract -i page.html -o signals.json. Part of the reimagine-it…
Its SKILL.md is about 820 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Design systems. The repository describes itself as: Kayforkind Content-Derived Design CLI. HTML in, standalone HTML out from the source's own nouns, dates, numbers, and colors. Not the reimagineit.ai interview SaaS. The licence is MIT.
3 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit e8c9378. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
npxFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Reimagine It Extract loads about 819 tokens when it runs. Until then it costs about 140 tokens; SKILL.md has 207 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from Kayforkind/reimagine-it at commit e8c9378, republished under its MIT licence (© Kayforkind). 207 words, ~819 tokens.
.claude/skills/reimagine-it-extract/SKILL.md (or your agent's skills folder).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.
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 # + prosePayload 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).
dates, numbers, emails, and links entry
must be findable in the source. Nothing else is allowed to appear.palette as colors the source declared — hex colors
in sourceHex were in the source; the rest is derivationPart of reimagine-it — MIT.
© Kayforkind, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in skills/reimagine-it/extract of Kayforkind/reimagine-it.
Open the folder on GitHubat commit e8c9378
Reimagine It Extract next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Reimagine It Extract this skillKayforkind/reimagine-it | 205 | — | ~819 | Automated safety check: Pass | MIT | |
| Impeccablebestofjs/bestofjs | 3.1k | 26 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Figma Design System Builderwarpdotdev/warp | 65k | 2 repos | ~4.4k | Automated safety check: Pass | AGPL-3.0 | |
| Figma use_figma Plugin API Ruleswarpdotdev/warp | 65k | 4 repos | ~4.4k | Automated safety check: Pass | AGPL-3.0 | |
| UI StylingOhh-889/skyroc | 795 | 13 repos | ~2.5k | Automated safety check: Pass | MIT | |
| Shadcnsupabase/evals | 144 | 42 repos | ~4.5k | Automated safety check: Pass | Apache-2.0 |
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
warpdotdev/warp
Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.
warpdotdev/warp
Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.
Ohh-889/skyroc
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
supabase/evals
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.
Ohh-889/skyroc
Token architecture, component specifications, and slide generation.
Kayforkind/reimagine-it
Content-Derived Design — reads existing HTML and writes a stronger standalone page from headings, facts, names, dates, numbers, links, emails, and colors already in that file.
Kayforkind/reimagine-it
Design Health — runs 19 deterministic quality checks on HTML output.
Kayforkind/reimagine-it
Generate one Content-Derived Design direction from an HTML source, or let Auto choose the strongest direction.
Kayforkind/reimagine-it
Design DNA capture — extracts palette, type stack, motifs, motion, and 3D signatures from a shipped HTML file and saves them as a reusable reference pack.
Kayforkind/reimagine-it
Generate several distinct design directions from one HTML source plus a contrast sheet that shows every direction side by side.
Kayforkind/reimagine-it
Content-derived infographic poster — reads the source file and builds a statistical poster from the facts already in it.
Categories
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…. Reimagine It Extract is an agent skill from Kayforkind/reimagine-it. 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.
Reimagine It Extract fits situations like: the user says /reimagine-it extract; what does the engine see in this page; extract the palette; pull the facts from this page.
Run `npx skills add Kayforkind/reimagine-it --skill reimagine-it-extract -a claude-code`. Or copy the skill folder (skills/reimagine-it/extract in Kayforkind/reimagine-it) into .claude/skills/reimagine-it-extract in your project. Claude Code loads it when a task matches its description.
Run `npx skills add Kayforkind/reimagine-it --skill reimagine-it-extract -a codex`. Or copy the skill folder (skills/reimagine-it/extract in Kayforkind/reimagine-it) into .agents/skills/reimagine-it-extract in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Kayforkind/reimagine-it --skill reimagine-it-extract -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/reimagine-it-extract, .gemini/skills/reimagine-it-extract, .github/skills/reimagine-it-extract and .opencode/skills/reimagine-it-extract in your project.
Going by SKILL.md and its folder, Reimagine It Extract needs the command-line tools its instructions call (npx). Our summary lists: Node.js.
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Reimagine It Extract is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 819 tokens (SKILL.md is roughly 3.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Reimagine It Extract: Impeccable (bestofjs/bestofjs, 3.1k stars), Figma Design System Builder (warpdotdev/warp, 65k stars), Figma use_figma Plugin API Rules (warpdotdev/warp, 65k stars) and UI Styling (Ohh-889/skyroc, 795 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Kayforkind (a GitHub user) maintains it in Kayforkind/reimagine-it, which has 205 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on October 6, 2026.
Source: Kayforkind/reimagine-it on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.