Communitygithub.com

acentrist/web-clone-skills

単一の公開WebページをローカルのVite React Tailwindアプリにクローンするためのスキルパッケージ。Playwrightによるキャプチャ、アセットミラーリング、視覚的検証機能を備え、Codex、Claude Code、Geminiに対応。

web-clone-skills とは?

このスキルパッケージは、単一の公開WebページをローカルのVite React Tailwindアプリケーションにクローンするためのツールです。Playwrightを使用してページをキャプチャし、画像やスタイルシートなどのアセットをミラーリングし、視覚的検証を実行することで、元のページとクローンが一致していることを確認します。主にCodex、Claude Code、GeminiなどのAIエージェントプラットフォーム向けに設計されており、開発者はこのスキルを使って既存のWebページから素早くReactベースのプロトタイプを作成したり、デザインを学習・再利用したりできます。処理は自動化されており、ユーザーはクローンしたいURLを指定するだけで、スキルが残りの作業(依存関係のセットアップ、コード生成、Playwrightテストの実行)を担当します。

対応✓Claude Code✓Codex CLI~Cursor✓Gemini CLI
npx skills add acentrist/web-clone-skills

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

web-clone-skills は何をしますか?

単一の公開WebページをローカルのVite React Tailwindアプリにクローンするためのスキルパッケージ。Playwrightによるキャプチャ、アセットミラーリング、視覚的検証機能を備え、Codex、Claude Code、Geminiに対応。

関連スキル