layout-analyzer は何をしますか?
レイアウト分析スキル
このスキルは、ドキュメントやUIのレイアウト構造を解析し、整列、スペーシング、階層の問題を特定して報告します。Webページ、PDF、画像などさまざまな形式のレイアウトを分析し、改善提案を生成します。
特徴
- レイアウト解析: 要素の整列、スペーシング、階層を自動チェック
- 問題検出: 不整合や視覚的一貫性の欠如を特定
- 改善提案: 具体的な修正案を生成
- マルチプラットフォーム: Claude Code、Cursor、Codexなどで動作
使用方法
# 例: Claude Codeでレイアウトを分析
claude layout-analyzer analyze path/to/document.html
対応形式
- HTML/CSS
- 画像(PNG, JPEG, SVG)
- テキストベースのレイアウト記述
技術詳細
このスキルは、CSSやHTMLの知識を活用して視覚的な一貫性をチェックし、開発者やデザイナーがレイアウトの品質を自動的に評価するのに役立ちます。