【無料】LP・WebページのHTML崩れを防ぐAIエージェントスキル

130を超える最強のAIエージェントスキルを、ついに無料で全部公開します！僕が一人でため込んできた武器を、今日から少しずつ解き放っていきます。今回はLP・Webページ修正のスキル「html-lp-editor」。

html-lp-editorは、AIエージェントにLP・Webページのコードを修正させる際、スマホでの改行崩れや横スクロールの発生を防ぐためのルールを、あらかじめインストールしてから作業させるスキルです。GitHubで無料ダウンロードできます（リンクは記事末尾にあります）。

html-lp-editorでできること

html-lp-editorは、AIエージェントに以下を実行させます。

• 修正作業に入る前に、PC専用・スマホ専用の改行の使い分けや横スクロール防止など、守るべきコーディングルールを読み込ませる
• 日本語コピーを書く・直す場面では、文字数計算に基づいて改行位置を判断させる
• WordPressなど既存テーマのCSSと干渉しないよう配慮しながら、安全にコードを修正・自己レビューさせる

GitHubリポジトリURL

本スキルは以下のGitHubリポジトリから無料でダウンロードできます。README.mdの手順に従ってご利用ください。

GitHub - okihiro-ai-creative/html-lp-editor: HTMLランディングページをAIエージェントに安全に修正させる編集プロトコル。横スクロール・改行崩れ等の事故を防止

HTMLランディングページをAIエージェントに安全に修正させる編集プロトコル。横スクロール・改行崩れ等の事故を防止 - okihiro-ai-creative/html-lp-editor

github.com

※本スキルはAIエージェント用の「指示・プロトコル」であり、HTML編集やデプロイを実行するエージェントツール本体は各自でご用意ください。

カスタマイズ・新規開発のご相談

このツールをベースにしたカスタマイズや、貴社の業務に合わせた自動化ツールの新規開発のご相談はこちらから受け付けております。

無料配布ツールに関するご相談

無料公開しているAI自動化ツールをご覧いただき、ありがとうございます。「自分の業務に合わせてカスタマイズしてほしい」「似たような自動化を新しく作ってほしい」といったご相談を、こちらから受け付けています。所要時間：約2〜3分

docs.google.com