reimagine-it 设计技能

用 reimagine-it 引擎根据真实内容重设计现有 HTML。

Reimagine-it 是一个设计编排技能,包含审查、提取、生成、信息图、锁定和变体六个内部流程。它依据源内容生成设计。

适用场景

  • 从 HTML 页面生成重设计方向
  • 捕获并复用已批准品牌表现

使用方法

安装 CLI 引擎与 Agent 技能,再提供 HTML 源文件;用种子重现已批准版本,通过引擎审查检查设计质量。

Skills

  • 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.

    kayforkind/reimagine-it