Communityライティング&編集github.com

pageel/pageel-page-map

🚀 AIエージェントがページレイアウトを認識し、コードツリーだけでなく視覚的にナビゲートできるようにするスキルです。SKILL.mdを追加してページをマッピングすれば、AIが編集すべきコンポーネントを推測する必要がなくなります。

pageel-page-map とは?

pageel/pageel-page-map は、Claude Code、Cursor、Codex などのAIコーディングエージェント向けのスキルで、エージェントがページレイアウトを「見て」理解し、コードツリーだけでなく視覚的な構造に基づいてWebページをナビゲートできるようにします。このスキルは、AIが「どのファイルを編集すべきか」を推測する従来のアプローチを変え、ページ上に配置されたUIコンポーネントを直接マッピングして指示できるため、作業効率と正確性が大幅に向上します。SKILL.md ファイルをプロジェクトに追加するだけで簡単に導入でき、エージェントはマッピングされたページ構造を読み取り、適切なコンポーネントを特定して編集するようになります。開発者は、ページのどの部分を変更したいかを自然言語で指示できるため、特に大規模なプロジェクトや複雑なUIを持つアプリケーションで非常に有用です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add pageel/pageel-page-map

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

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

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

ドキュメント

pageel-page-map は何をしますか?

🚀 AIエージェントがページレイアウトを認識し、コードツリーだけでなく視覚的にナビゲートできるようにするスキルです。SKILL.mdを追加してページをマッピングすれば、AIが編集すべきコンポーネントを推測する必要がなくなります。

関連スキル