content / skill

reimagine-it

A command-line tool, agent skill and MCP server for redesigning HTML pages from their existing content.

Repository owner Kayforkind

Not rated yet
0 comments

Like 0 Save

Published 11 Oct 2026Listing updated 12 Oct 2026

At a glance

Purpose: A command-line tool, agent skill and MCP server for redesigning HTML pages from their existing content.
Runs in: Local agent with shell, MCP server, Web service
Operating systems: Not stated
Needs: Runtime: Node.js; Needs internet: No; Needs accounts or API keys beyond your agent: No
Files and data: Reads files: Yes; Writes files: Yes; Sends data to other services: No
Tool type: Skill
Delivery: From GitHub
Version: Latest on the main branch
Access: Code on GitHub
Compatibility: According to the README, the skill runs as /reimagine-it in Cursor, Codex, Claude Code, Copilot, Gemini CLI, Windsurf or Factory Droid. It names MCP setup files for Claude Desktop, Cursor, VS Code, Claude Code, Windsurf and Gemini CLI, and a browser extension for Chrome, Edge and Firefox. The top-level entries include .claude-plugin, .codex-plugin, .cursor-plugin and .factory-plugin folders.
External costs: The repository is MIT-licensed and the README states no pricing. The README says the generated page needs no API key. If you drive the skill from a coding agent, your agent or model provider may charge for usage.
Permissions: The README says the CLI reads supplied HTML and writes generated HTML, extracted signals, variations or brand-lock JSON. The README describes source-path refusal, atomic writes and replacement of an existing output file unless --no-clobber is passed. The README shows package execution through npx, skill installation with npx skills add, host plugin installation including a user-scoped Droid route, and MCP host configuration that launches the package through npx. The skill acts through your coding agent with the access you give it. The README describes the browser extension as local redesign without page uploads and says --web-fonts opts in to Google Fonts. The README lists MCP tools for generation, extraction, brand locks and its Design Health audit.
Usage terms: MIT License, as stated in the repository. See its LICENSE file for the exact terms.

Code on GitHub

Kayforkind/reimagine-it

MIT

JavaScript207 stars32 forksLast pushed 10 Oct 2026 UTC

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.

Topics: agent-skill agent-skills claude claude-code cli content-derived-design copilot cursor

Public GitHub data fetched 13 Oct 2026 UTC · 0 days old

Skill folders in this repository (7)

Folders that contain a SKILL.md file, from GitHub's file list on 13 Oct 2026 UTC.

View on GitHub ↗

What it does

reimagine-it is a command-line tool with an agent skill and MCP server for redesigning HTML pages. The README says it extracts headings, facts, links, names, dates, numbers and colors and produces a standalone HTML file. The README says the source file stays untouched.

The README lists commands to generate a page, let --auto choose a direction, write ranked variations and capture a brand surface as JSON. The README describes its audit command as running 19 Design Health rules in Node and calls the audit deterministic and heuristic. The README lists design builders including webpage, landing, dashboard, infographic, cinematic and 3js.

The README gives CLI, agent-skill and MCP installation routes. The README instructs the skill to call the CLI rather than hand-author HTML. The README also describes a browser extension for Chrome, Edge and Firefox and a separate Design Health GitHub Action.

Who it is for

People who want to redesign an existing HTML page from its own content, using a command line or a coding agent.

Example tasks

Redesign a page with npx reimagine-it --auto -i page.html -o redesign.html.
Write several directions with npx reimagine-it variations -i page.html -n 4 -o review/.
Capture a brand surface with npx reimagine-it lock -i brand.html -o house.lock.json.
Run the README's Design Health audit command: npx reimagine-it audit redesign.html.
Preview the extracted evidence with npx reimagine-it -i page.html --dry.

Getting started

The README gives two routes. The command-line tool needs no install: run npx reimagine-it --auto -i page.html -o redesign.html. To add the agent skill, run npx skills add Kayforkind/reimagine-it, then use /reimagine-it in a supported agent. The README also gives plugin marketplace commands for several hosts and an MCP server entry that runs the reimagine-it package with npx. The README has the exact commands.

Limitations

The README says its committed examples are reproducible references rather than promises about an unknown input. The README calls the audit deterministic and heuristic and says it is not a claim of full WCAG conformance, visual taste or universal browser compatibility. The README tells you to review generated pages before shipping them to a client. The README says -o replaces an existing output file by default and --no-clobber refuses replacement. The README says output is offline by default and --web-fonts opts in to Google Fonts. The README gives /reimagine-it as the skill invocation in its listed agents and distinguishes this project from an interview service with a similar name. The repository can change at any time; check its README before you install.

Data practices

The README describes default output as offline, standalone HTML and states that this output has no telemetry. The README describes the browser extension as local redesign without page uploads. The README says --web-fonts opts in to Google Fonts. The README says the optional DeepSeek Harness adapter leaves model access, approvals, sandboxing and persistence to the host runtime. What your coding agent or model provider receives depends on how you use the skill.