Communitygithub.com

Misakakuroko/principle-deepdive-html-style

単一ファイルで構成された分析的なHTML記事のための再利用可能なビジュアルレシピ - Claude Code と Cursor 向けエージェントスキル。ダーク/ライトテーマ、インラインSVG図、外部依存ゼロ、300KB未満。

principle-deepdive-html-style とは?

このスキルは、Claude CodeやCursorのようなAIエージェントが、単一ファイル(自己完結型)の分析的なHTML記事を生成するための再利用可能なビジュアルスタイルレシピです。ダークモードとライトモードを自動的にサポートし、インラインSVG図表を美しく埋め込む方法を提供します。外部CSSやJavaScriptライブラリを一切必要とせず、生成されるHTMLファイルのサイズは300KB未満に抑えられるため、ブログ投稿、技術ドキュメント、またはポートフォリオ記事としてそのまま公開できます。このスキルを使用することで、AIエージェントは一貫した視覚品質と構造を持つ、読みやすくプロフェッショナルなHTML記事を迅速に出力できるようになります。設計思想は「ミニマルで移植性が高く、見た目に優れた単一ファイル」であり、特に原理の深掘り(principle deep dive)やコンセプト解説記事に最適化されています。

対応✓Claude Code~Codex CLI✓Cursor
npx skills add Misakakuroko/principle-deepdive-html-style

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

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

ドキュメント

principle-deepdive-html-style は何をしますか?

単一ファイルで構成された分析的なHTML記事のための再利用可能なビジュアルレシピ - Claude Code と Cursor 向けエージェントスキル。ダーク/ライトテーマ、インラインSVG図、外部依存ゼロ、300KB未満。

関連スキル