cloudy-tech-diagrams-skill は何をしますか?
AIエージェント向けの、温かみのあるHTMLおよびSVG技術図作成スキル
AIエージェント向けの、温かみのあるHTMLおよびSVG技術図作成スキル
このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)が、技術的なアーキテクチャ図やフローチャートを、温かみのある手描き風のHTMLおよびSVGで生成できるようにします。ドキュメントや設計レビューでよく使われる無機質なダイアグラムツールの出力とは異なり、このスキルは親しみやすく視覚的に魅力的な図を作成します。HTML/CSSとインラインSVGを活用して、完全に自己完結型でカスタマイズ可能な図を生成するため、MarkdownファイルやWebページに直接埋め込むことができます。開発者やAIエージェントは、ソフトウェアアーキテクチャ、データフロー、システム設計を、より人間らしく伝えるためにこのスキルを使用できます。
npx skills add cloudy-liu/cloudy-tech-diagrams-skillAIエージェント向けの、温かみのあるHTMLおよびSVG技術図作成スキル
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".