Claude Code のデザインレビュー Skills は「出力されるファイル」で選ぶ
Hiroba による自動要約
Claude Code 向けデザインレビュー Skills を、SKILL.md の実際の挙動をもとに比較。実装済み UI の4ビューポート検証とソース直接修正を行う web-design-reviewer、DESIGN_REVIEW.md とスクリーンショットをリポジトリに残す design-review、着手前に Figma 等を批評する Anthropic 公式 design-critique の使い分けを解説。継続的にレビューを回すフロントエンド開発者向け。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 5516 件あります。
関連する記事
同じタグの記事
Issueを投げたら、PRが立つ。Claude Codeに開発を一周させる「ハーネス」の作り方（ブランチ運用込み）
ZennIssue 番号1行から、ブランチ作成・実装・テスト・PR 作成までを Claude Code に一周させる仕組みの構築手順。SKILL.md 1枚と CLAUDE.md へのフェーズ別 Skill 設定表・ブランチ運用ルール追記で構成し、人間の介入は設計承認と push 前承認の2回のみ。影響調査に専用 Skill を差し替えた際の比較結果も掲載。
仕組みを理解する動画を、Claude Codeに作らせると便利すぎる
Zennアプリの操作と裏側の処理を交互に見せる解説動画を、Claude Code と自作 Skills「animated-arch-diagram」で生成する手法の紹介。指示テンプレート、Playwright で1コマずつ撮影し ffmpeg で動画化する仕組み、実データ連動の字幕設計を解説。顧客向けにアーキテクチャ説明資料を作る開発者向け。
Claude Code×Claude in ChromeでUIテストを自動化する【指示の書き方とスキル化】
ZennClaude Code と Claude in Chrome を連携し、UIテストを AI に任せる手順の解説。`claude --chrome` での接続方法、「開くURL・操作・期待する結果・やってはいけないこと」の4点で書くテスト指示の型、フォーム入力チェックとレスポンシブ表示確認の実例、Skills 化による `/ui-test` での定型実行までを扱う。Playwright との使い分けにも言及しており、実装後の画面確認を自動化したい開発者向け。
Matt Pocock Skills と Impeccable の使い分け一覧：要件整理から実装・デザイン改善まで
ZennMatt Pocock が作成した Skills スキル群と Impeccable デザインスキルの合計 30 以上のスキルを、初期設定・要件整理・調査試作・仕様化・実装・バグ調査・UI改善・アーキテクチャ設計・レビュー・振り返り・引き継ぎの 11 フェーズ別に整理。各スキルの用途、内容、アウトプットを表でまとめており、プロジェクトの段階に応じた使い分けと流れが具体的に把握できる。