Communitygithub.com

kipeum86/web-content-designer

テキスト、記事、URLを本番品質の単一ファイルHTMLページに変換するClaudeスキル。3つのレイアウト(ダッシュボード、インフォグラフィック、ワンページサマリー)、10の自動選択デザインテーマ、Chart.jsによる可視化、スクロールスパイナビゲーション、レスポンシブデザインに対応。韓国語と英語をサポート。ビルドツール不要で、.htmlファイルを開くだけです。

web-content-designer とは?

このスキルは、Claude AIエージェント向けに設計された「kipeum86/web-content-designer」の詳細を提供します。テキスト、記事、URLを入力として受け取り、本番環境でそのまま使える単一ファイルのHTMLページを生成します。3種類のレイアウト(ダッシュボード、インフォグラフィック、ワンページサマリー)から選択でき、10種類のデザインテーマが自動で適用されます。さらに、Chart.jsによるデータ可視化、スクロールに追従するナビゲーション(scroll-spy)、レスポンシブデザインを標準装備しており、ビルドツールは一切不要で、生成された.htmlファイルをブラウザで開くだけで利用できます。韓国語と英語の両方をサポートしており、開発者やコンテンツ作成者が短時間で美しいWebページを作成するのに役立ちます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add kipeum86/web-content-designer

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

web-content-designer は何をしますか?

テキスト、記事、URLを本番品質の単一ファイルHTMLページに変換するClaudeスキル。3つのレイアウト(ダッシュボード、インフォグラフィック、ワンページサマリー)、10の自動選択デザインテーマ、Chart.jsによる可視化、スクロールスパイナビゲーション、レスポンシブデザインに対応。韓国語と英語をサポート。ビルドツール不要で、.htmlファイルを開くだけです。

関連スキル