マークダウンビューワー/インフォカード

インフォカード とは？

このスキルは、Markdown文書内でHTMLとCSSを組み合わせて、雑誌のような高品質なタイポグラフィを持つ情報カードを作成するためのものです。主にClaude CodeやCursorなどのAIエージェント環境で利用され、知識の要約、データのハイライト、イベント告知、単一トピックのコンテンツ表示に適しています。内部的には、カスタムCSSクラス（例：`infocard`）を用いてカードのスタイル（背景色、角丸、影、フォントなど）を定義し、Markdownの本文中にHTMLの`<div>`タグとして埋め込みます。これにより、標準的なMarkdown記法では難しいリッチなレイアウトと視覚的な階層構造を実現できます。また、カード内ではリスト、引用、インラインコード、画像なども組み合わせ可能で、開発者やコンテンツ作成者が直感的に情報を整理し、読み手に強い印象を与えるドキュメントを作成するのに役立ちます。