Communitygithub.com

cloudy-liu/cloudy-tech-diagrams-skill

AIエージェント向けの、温かみのあるHTMLおよびSVG技術図作成スキル

cloudy-tech-diagrams-skill とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)が、技術的なアーキテクチャ図やフローチャートを、温かみのある手描き風のHTMLおよびSVGで生成できるようにします。ドキュメントや設計レビューでよく使われる無機質なダイアグラムツールの出力とは異なり、このスキルは親しみやすく視覚的に魅力的な図を作成します。HTML/CSSとインラインSVGを活用して、完全に自己完結型でカスタマイズ可能な図を生成するため、MarkdownファイルやWebページに直接埋め込むことができます。開発者やAIエージェントは、ソフトウェアアーキテクチャ、データフロー、システム設計を、より人間らしく伝えるためにこのスキルを使用できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add cloudy-liu/cloudy-tech-diagrams-skill

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

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

ドキュメント

cloudy-tech-diagrams-skill は何をしますか?

AIエージェント向けの、温かみのあるHTMLおよびSVG技術図作成スキル

関連スキル