Communitygithub.com

leosssvip-dot/website-replication-skill

Claude Code / OpenAI Codex 向けスキル:参照サイトを監査し、差別化されたパリティ計画(UI、インタラクション、API、データ、アーキテクチャ)を作成します。

website-replication-skill とは?

このスキルは、Claude Code や OpenAI Codex などの AI エージェントが、参照となる Web サイトを徹底的に監査し、その結果をもとに差別化された機能パリティ計画を生成するためのものです。監査では、UI コンポーネント、ユーザーインタラクション、API エンドポイント、データモデル、システムアーキテクチャの各側面を詳細に分析します。生成される計画書は、元のサイトの機能を維持しながら、独自の改善点や差別化要素を盛り込むのに役立ちます。開発チームはこのスキルを用いて、競合サイトの分析から実装計画までの工程を効率化でき、特にウェブサイトのリバースエンジニアリングや機能再現のプロジェクトで有用です。サポートプラットフォームは Claude Code および OpenAI Codex です。

対応✓Claude Code✓Codex CLI~Cursor
npx skills add leosssvip-dot/website-replication-skill

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

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

ドキュメント

website-replication-skill は何をしますか?

Claude Code / OpenAI Codex 向けスキル:参照サイトを監査し、差別化されたパリティ計画(UI、インタラクション、API、データ、アーキテクチャ)を作成します。

概要

このスキルは、AI エージェントが指定された参照ウェブサイトを分析し、その機能を再現するための詳細な計画を生成できるようにします。監査プロセスでは、UI 要素、ユーザーフロー、API 呼び出し、データ構造、システム全体のアーキテクチャを体系的に調査します。

使用方法

  1. AI エージェント(Claude Code または OpenAI Codex)を起動します。
  2. 参照サイトの URL を提供します。
  3. スキルが自動的にサイトを監査し、構造化されたパリティ計画を出力します。

出力

計画には以下のセクションが含まれます:

  • UI 監査: ページレイアウト、コンポーネント、スタイリングの詳細
  • インタラクション監査: ユーザー操作、アニメーション、状態遷移
  • API 監査: エンドポイント、リクエスト/レスポンス形式、認証
  • データ監査: データモデル、ストレージ方式、関係性
  • アーキテクチャ監査: システム構成、デプロイメント、スケーラビリティ

注意事項

  • 参照サイトの利用規約を遵守してください。
  • 出力は出発点として使用し、プロジェクトの要件に応じて調整してください。

サポート

問題や改善提案がある場合は、リポジトリの Issue を作成してください。

関連スキル