AI が作った日本語のページ、行間と改行を毎回直していませんか
Claude Code や v0 で日本語の LP を作ると、行間が詰まる、句読点が行頭に来る、見出しが 1 字だけ次の行に落ちる、欧文フォントが先頭のまま、といった崩れが出やすくなります。納品や公開の前に、それを毎回手で直していないでしょうか。
このスキル集を入れると、Claude Code が最初から和文の規則に沿って HTML と CSS を書き、出来上がったページを自分で点検して直せるようになります。
手に入るもの
- 和文組版のスキル: 行間・行長・字間・禁則・約物・和欧混植・フォントの規則を、Claude Code が読める形にまとめたもの
- 日本語 LP の構成のスキル: ファーストビューから申し込みまで、日本の読み手が確かめる順番と、各ブロックで書くこと・書かないこと
- 点検のスキル: 出来上がったページを「致命的・読みにくい・細部」の順に点検し、直す手順(検索に使う正規表現つき)
- CSS の部品: そのまま貼れる本文・見出し・リスト・表・ボタンの指定。新しいサイト向けの全体版と、既存のサイトに足す範囲版の 2 つ
- 前と後の見本: 同じ LP をよくある崩れと直した後で並べた HTML 1 枚
使い方
- ダウンロードしたスキルのファイルを、プロジェクトの
.claude/skills/に置きます(手順書にコピーのコマンドがあります)。 - CSS の部品を保存して、ページで読み込みます。
- Claude Code に「日本語の LP を作って」「このページを点検して直して」と頼みます。
新しい CSS の指定(文節での改行、括弧のアキの調整など)は対応するブラウザでだけ効くように書いてあり、対応していないブラウザでも崩れません。
こんな方に
- AI で日本語の LP や個人サイトを作っている個人開発者
- 生成したページを納品前に手で整えている Web 制作者
- 和文組版の記事を探して、毎回プロンプトに書き足している方
購入後すぐにファイルをダウンロードできます。ご不明な点は soloraid.hq@gmail.com までお問い合わせください。