Communityコーディング&開発github.com

claude-office-skills/layout-analyzer

レイアウト分析スキル

layout-analyzer とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)がドキュメントやUIのレイアウト構造を解析し、整列、スペーシング、階層の問題を特定して報告するためのものです。Webページ、PDF、画像などさまざまな形式のレイアウトを分析し、改善提案を生成します。複数のプラットフォームで動作し、CSSやHTMLの知識を活用して視覚的な一貫性をチェックします。開発者やデザイナーがレイアウトの品質を自動的に評価し、ユーザー体験を向上させるのに役立ちます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/claude-office-skills/skills/tree/main/skills/layout-analyzer

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

layout-analyzer は何をしますか?

レイアウト分析スキル

このスキルは、ドキュメントやUIのレイアウト構造を解析し、整列、スペーシング、階層の問題を特定して報告します。Webページ、PDF、画像などさまざまな形式のレイアウトを分析し、改善提案を生成します。

特徴

  • レイアウト解析: 要素の整列、スペーシング、階層を自動チェック
  • 問題検出: 不整合や視覚的一貫性の欠如を特定
  • 改善提案: 具体的な修正案を生成
  • マルチプラットフォーム: Claude Code、Cursor、Codexなどで動作

使用方法

# 例: Claude Codeでレイアウトを分析
claude layout-analyzer analyze path/to/document.html

対応形式

  • HTML/CSS
  • PDF
  • 画像(PNG, JPEG, SVG)
  • テキストベースのレイアウト記述

技術詳細

このスキルは、CSSやHTMLの知識を活用して視覚的な一貫性をチェックし、開発者やデザイナーがレイアウトの品質を自動的に評価するのに役立ちます。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

claude-office-skills/academic-search

Search and analyze academic literature. Find papers, understand research methodologies, and synthesize academic findings for research projects.

claude-office-skills/ads-copywriter

Multi-platform ad copy generation for Google Ads, Meta/Facebook, TikTok, LinkedIn with A/B testing variants

claude-office-skills/ai-agent-builder

Build AI agents with tools, memory, and multi-step reasoning - ChatGPT, Claude, Gemini integration patterns

claude-office-skills/airtable-automation

Airtable database automation - views, automations, integrations, and workflow triggers

claude-office-skills/ai-slides

Generate complete presentations with AI - from outline to polished slides

claude-office-skills/amazon-seller

Automate Amazon seller operations including inventory, orders, pricing, and advertising management

claude-office-skills/apple-shortcuts-integration

Create and trigger Apple Shortcuts for iOS/macOS automation and cross-platform workflows

claude-office-skills/applicant-screening

Screen job applications against requirements and score candidates

claude-office-skills/asana-automation

Automate Asana project management workflows, task tracking, team collaboration, and reporting

claude-office-skills/batch-convert

Batch convert documents between multiple formats using a unified pipeline

claude-office-skills/batch-processor

Process multiple documents in bulk with parallel execution

claude-office-skills/brand-guidelines-generator

Create and maintain brand style guides for consistent visual identity

claude-office-skills/browser-automation

Automate web browser interactions, scraping, testing, and workflow automation with Puppeteer/Playwright

claude-office-skills/calendar-automation

Google Calendar and Outlook automation - scheduling optimization, meeting workflows, time blocking, and Slack/Sheets integration

claude-office-skills/changelog-generator

Generate release notes from git commits, updates, or feature lists

claude-office-skills/chart-designer

Design effective data visualizations and charts. Generate chart configurations for ECharts, Chart.js, and other libraries. Create dashboards and reports.

claude-office-skills/chat-with-pdf

Answer questions about PDF content, summarize, and extract information

claude-office-skills/clickup-automation

Automate ClickUp workspace management, task workflows, time tracking, and team productivity

claude-office-skills/company-research

Conduct comprehensive company research and due diligence. Analyze business model, competitive landscape, management, and market position.

claude-office-skills/competitive-analysis

Analyze competitors systematically. Compare products, features, pricing, positioning, and market strategies. Generate comprehensive competitive intelligence reports.

関連スキル