Claude for Chrome × Claude Code で、Webサイトを校正する方法|プロンプトつき実践ガイド

前の記事で「ClaudeforChromeで誤字が見つかる」という話を書いた。今回はさらに踏み込んで、ClaudeCodeの/chrome接続と組み合わせた、より網羅的な校正フロー…
続きを読む

Claude Codeにレイアウトを正確に再現させる「中間設計書」記法

ClaudeCodeにWebサイトのコーディングを任せるとき、デザインカンプ(画像/PDF)をそのまま渡すだけでは、レイアウトが正確に再現できないという壁にぶつかりました。特に難し…
続きを読む

Claude Design を使ってみた(× Claude Code で、WordPressをリデザイン)

AnthropicLabsからリリースされたClaudeDesignを使って、TOPページをリデザインしてみました。ClaudeDesignでデザインを起こし、そのままClaude…
続きを読む

Claude Code にWebサイトのコーディングをさせる方法—ドキュメント設計から指示出しまで

ClaudeCodeは、アプリ開発やフォームシステムだけでなく、Webサイトのフロントエンドコーディングにも十分活用できます。ただし、何も準備なしに「このデザインをHTMLにしてく…
続きを読む

Webページの校正に「Claude for Chrome」が意外と使えた話

きっかけ:URLを渡してAIに校正させたかったWebページの校正を目視でやっていると、どうしても見落としが出る。「AIに校正させたい」と思ったのは自然な流れでした。HTMLファイル…
続きを読む