Communityライティング&編集github.com

baixianger/html-deliverable

Claude Codeスキル:マークダウンの壁の代わりに、温かみのあるエディトリアルスタイルの単一の自己完結型.htmlファイルを生成します。

html-deliverable とは?

このスキルは、Claude Codeエージェントがマークダウン形式の長文出力ではなく、温かみのあるエディトリアルデザインの単一自己完結型HTMLファイルを生成するためのものです。開発者や技術ライターがAIエージェントと協業する際、従来のマークダウン形式では視覚的な魅力や読みやすさに欠けることがあります。本スキルを使うと、エージェントが直接HTMLとCSSを記述し、インラインスタイルや埋め込みリソースを含む完全なHTML文書を生成します。これにより、そのままWebブラウザで開いてすぐに共有・プレビューできる成果物が得られ、ブログ記事やドキュメント、レポートなどの作成に適しています。Claude Code環境で動作し、コード補完や指示に応じてエージェントが自動的にスタイリングと構造化を行います。

対応✓Claude Code~Codex CLI~Cursor
npx skills add baixianger/html-deliverable

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

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

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

ドキュメント

html-deliverable は何をしますか?

Claude Codeスキル:マークダウンの壁の代わりに、温かみのあるエディトリアルスタイルの単一の自己完結型.htmlファイルを生成します。

関連スキル