Communitygithub.com

huasanai/artifact-html

任意のコンテンツをclaude.aiスタイルのスタンドアロンHTMLページに変換し、ワンクリックでPNGエクスポート可能にするClaude Codeスキルです。

artifact-html とは?

このスキルは、Claude Code上で動作し、Markdownやテキストなどの任意のコンテンツを、claude.aiのArtifactビューアに似た美しいスタンドアロンHTMLページに変換します。生成されたHTMLページは、ヘッダー、フッター、シンタックスハイライト、レスポンシブデザインを備え、そのままブラウザで表示したり共有したりできます。さらに、ワンクリックでPNG画像としてエクスポートする機能も内蔵されており、開発者やテクニカルライターが成果物を簡単に可視化・配布するのに役立ちます。Claude Codeユーザーにとって、ブログ記事のプレビュー、APIドキュメントの生成、コードスニペットの共有など、多様なユースケースに対応できる実用的なツールです。

対応✓Claude Code~Codex CLI~Cursor
npx skills add huasanai/artifact-html

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

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

ドキュメント

artifact-html は何をしますか?

任意のコンテンツをclaude.aiスタイルのスタンドアロンHTMLページに変換し、ワンクリックでPNGエクスポート可能にするClaude Codeスキルです。

関連スキル