無料GitHub で公開

reimagine-it-generate

Generate one Content-Derived Design direction from an HTML source, or let Auto choose the strongest direction. Use when the user says /reimagine-it generate, "redesign this page", "make it a landing page", "turn this into an infographic", names a token (all 17: webpage, infographic, svg, 3js, simulation, artistic, cinematic, dashboard, photography, landing, editorial, gradient, showcase, motion, glass, lookbook, particles), or wants a content-aware redesign instead of a mood board. CLI: npx reimagine-it --auto -i page.html -o out.html. Part of the reimagine-it Content-Derived Design suite.

Kayforkind/reimagine-it

インストール方法を見る

含まれるファイル（1）

SKILL.md3.4 KB

SKILL.md（原文）

インストールする前に、エージェントに与えられる指示の中身を確認できます。

/reimagine-it generate

Parent: ../SKILL.md — the full Content-Derived Design engine. This sub-skill handles only generation of a redesigned page.

The source file is the brief. The engine reads headings, facts, names, dates, numbers, links, emails, and hex colors already in the HTML, derives a palette and motif from them, and writes a stronger standalone page. Source facts are not invented; only the composition changes.

Usage

# Let Auto choose, generate, verify, and explain (recommended first call)
npx reimagine-it --auto -i page.html -o redesign.html

# Pick a direction
npx reimagine-it -i page.html -t infographic -o poster.html

# Pin a creative variation
npx reimagine-it -i page.html -t landing --seed 42 -o landing.html

# Review three verified directions plus a contrast sheet
npx reimagine-it variations -i page.html -n 3 -o review/

# Keep an existing brand: lock, then reuse
npx reimagine-it lock -i house-style.html -o house.lock.json
npx reimagine-it -i page.html --ref house.lock.json -t landing -o on-brand.html

The 17 tokens

webpage · infographic · svg · 3js · simulation · artistic · cinematic · dashboard · photography · landing · editorial · gradient · showcase · motion · glass · lookbook (photoshoots/collections) · particles (living networks)

npx reimagine-it --list describes each. Auto scores every lane against the content and forbids the same silhouette twice.

Procedure

Run Auto first (--auto). Read the printed rationale — it names why the direction fits the content.
Check the fidelity line: the engine reports the percentage of detected source facts preserved. It must be ≥ 80%.
Offer variations when the user wants choice; offer --ref when they want an existing brand honored.
If the user names a token, run it directly — Auto is a default, not a gate.

Must not

Invent facts, statistics, or quotes not in the source
Override the derived palette with generic colors (ban Inter/Roboto is the only taste rule; content decides the rest)
Ship without the fidelity check passing
Skip verification when the output replaces a real page (run audit)

Part of reimagine-it — MIT.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

ログインしてレビューを書く

同じリポジトリのスキル

概要と使いどころ

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. CLI: npx reimagine-it --auto -i page.html -o out.html; also variations, lock, and audit. Use when the user says /reimagine-it, "reimagine it", "reinvent this", "redesign this page", "make an infographic", wants a content-aware redesign or a visual leap instead of a mood board. All 17 tokens: webpage, infographic, svg, 3js, simulation, artistic, cinematic, dashboard, photography, landing, editorial, gradient, showcase, motion, glass, lookbook, particles — plus leftover words as a brief. Also /reimagine-it audit for quality checks. The agent runs the CLI; it does not hand-author the page. Installed via npx skills add Kayforkind/reimagine-it or plugin marketplace. Not /better. Not a mood board. Does not ingest PDF, PPTX, or DOCX.

日本語の概要は準備中です。原文の説明を表示しています。