Azhi-ss/html-effectiveness

html-effectiveness とは？

このスキルは、CursorやClaude CodeなどのAIコーディングエージェントに対して、複数ファイルや複雑なフレームワークに依存せず、単一のHTMLファイルだけで完結する出力を促すためのものです。特に、データの可視化、比較表示、インタラクティブな要素を含むコンテンツにおいて効果的です。9つのカテゴリ（例：チャート、マップ、タイムライン、フォームなど）と20の具体的なパターン（例：棒グラフ、散布図、折れ線グラフ、比較表）を定義し、さらに12のすぐに使えるテンプレートを提供することで、開発者は最小限のプロンプトで高品質なシングルページアプリケーションを生成できます。このアプローチは、Thariq Shihipar氏の「HTMLの不合理な効果」という考え方に基づいており、単一ファイルであらゆる表現を可能にするHTMLの力を最大限に活用します。結果として、プロトタイピングの高速化、コードの可搬性向上、そしてデプロイの簡素化に貢献します。