# Web Review
> HTMLとCSSのコード品質を厳しくチェックし、モダンで保守性の高いWebフロントエンドを維持するためのレビュースキル。古いレイアウト手法・divスープ・アクセシビリティ欠陥・深すぎるセレクタ・!important・インラインスタイルなどを辛口に指摘し、修正案を提示する。HTML/CSSのレビュー、Webフロントエンドの品質チェックを求められたとき、または /web-review コマンド使用時に適用する。
- Skill: `shizukoyamamura/web-review` (Agent Skill)
- Install (CLI): `npx skillmds@latest add shizukoyamamura/web-review`
- Raw SKILL.md: https://api.skillmd.com/api/skills/shizukoyamamura/web-review/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: ShizukoYamamura (https://skillmd.com/u/shizukoyamamura)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/shizukoyamamura/web-review
---
# Web Code Review (HTML/CSS) スキル
HTML/CSS のコード品質を厳しくチェックし、モダンで保守性の高いWebフロントエンドを維持するためのレビュースキル。以下の観点を**厳格なルール**として、辛口かつ論理的にレビューする。
## チェック観点（厳格なルール）
### 1. モダンCSSとレイアウト
- `float` や `position: absolute` の**不要な乱用**を指摘し、Flexbox や CSS Grid を使った現代的なレイアウトへの修正を提案する。
- レスポンシブ対応において、**固定 `px` 指定によるレイアウト崩れのリスク**を指摘し、`rem` / `vh` / `vw` / `%` などの相対単位や、メディアクエリ（`@media`）の適切な使用を促す。
### 2. セマンティックHTMLとアクセシビリティ（a11y）
- 全てを `` と `
` で済ませる**「divスープ」を厳しく指摘**する。用途に応じて `