reimagine-it｜AIスキル大辞典

このSkillでできること

✓既存HTMLから見出し、事実、名前、日付、数値、リンク、メール、色を抽出する
✓内容に基づき、Webページやインフォグラフィックを再設計する
✓SVG、Three.jsシーン、シミュレーションの生成に対応する
✓アクセシビリティ監査やビジュアル検証を行う

使い方

STEP 1

対象のHTMLと、再設計したい方向性やドメインを指定する

STEP 2

自動再設計、インフォグラフィック、SVG、Three.jsなどの形式を選ぶ

STEP 3

生成されたHTMLを使い、必要に応じて監査や品質確認を行う

STEP 4

PDF、PPTX、DOCXはHTMLに変換またはラップしてから利用する

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/Kayforkind/reimagine-it

手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

curl -sLO https://github.com/Kayforkind/reimagine-it/releases/latest/download/reimagine-it-2.13.1.tgz
curl -sLO https://github.com/Kayforkind/reimagine-it/releases/latest/download/reimagine-it-2.13.1.tgz.sig
cosign verify-blob \
--bundle reimagine-it-2.13.1.tgz.sig \
--certificate-identity-regexp "https://github.com/Kayforkind/reimagine-it/" \
--certificate-oidc-issuer "https://token.actions.githubusercontent.com" \
reimagine-it-2.13.1.tgz

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

このHTMLを内容に基づいて再設計し、情報を保ったインフォグラフィック形式のスタンドアロンページにしてください。

出力例を見る

入力HTMLの内容から、見出し・数値・リンク・配色を反映した再設計済みHTMLページ。

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行明確な記述なし

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス検出あり

認証情報明確な記述なし

検出根拠を見る

network: /design-health-action/audit.yml?branch=main&label=CI)](https://github.com/Kayforkind/design-health-action/actions/workflows/audit.yml). It is a public co
network: m run check:docs [large code block omitted]bash # from https://github.com/Kayforkind/reimagine-it/releases/latest curl -sLO https://github.com/Kayforkind

reimagine-it

このSkillでできること

使い方

Skillのインストール

AIにこのSkillを追加してもらう

このSkillを使うプロンプト例

安全性チェック

関連Skill

search-console

executive-resume-writer

seo-geo