Peksy

概要

PeksyはAIコーディングアシスタント向けにDOM要素の文脈を取得する無料のChrome拡張機能です。使い方は、Cmd/Ctrl+Shiftを押しながら要素をホバー→クリックで文脈をクリップボードへコピー→AIへ貼り付けるだけ。HTML構造と親要素の文脈を返し、3D DOMビューでページの階層を可視化します。React/Vue対応、ゼロ設定でどのサイトでもすぐに利用可能。

主な機能

• HTML構造と属性の取得
• 親要素文脈の提供
• 3D DOMビュー

将来の展望

• コンポーネント名とpropsの自動検出
• ソースマップ・アクセシビリティ情報など追加文脈の検討