fireworks-tech-graph は何をしますか？
ユーザーが技術図（アーキテクチャ図、データフロー図、フローチャート、シーケンス図、エージェント/メモリ図、コンセプトマップなど）を作成し、SVG+PNGとしてエクスポートしたい場合に使用します。トリガー条件：「画図」「帮我画」「生成図」「做个図」「架稰図」「流程图」「可视化一下」「出図」「generate diagram」「draw diagram」「visualize」、またはユーザーが図示したいシステムやフローの説明。
ユーザーが技術図（アーキテクチャ図、データフロー図、フローチャート、シーケンス図、エージェント/メモリ図、コンセプトマップなど）を作成し、SVG+PNGとしてエクスポートする際に使用します。「描いて」「図を作って」「図を生成して」「図を作成して」「アーキテクチャ図」「フローチャート」「可視化して」「図を出力して」といった指示や、システムやフローの説明を可視化したい場合にトリガーされます。
このスキルは、ユーザーがアーキテクチャ図、データフロー図、フローチャート、シーケンス図、エージェント/メモリ図、コンセプトマップなど、あらゆる種類の技術図を作成する必要がある場合に使用します。システムの動作説明やフローの可視化など、図にしたい指示があれば、このスキルが自動的に処理します。最終的な出力はSVGとPNGの両形式でエクスポートされ、文書やプレゼンテーションに簡単に組み込むことができます。Claude Code、Cursor、Codexを含む主要なAIエージェントプラットフォームで動作し、自然言語による指示を解析して適切な図を生成します。ユーザーが「描いて」や「可視化して」といった特定のキーワードを発話した場合や、システムの流れを説明した場合にトリガーされ、複雑な技術概念を直感的に理解できるビジュアル表現に変換します。
npx skills add https://github.com/yizhiyanhua-ai/fireworks-tech-graph/tree/main/skills/fireworks-tech-graphInstalled? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
ユーザーが技術図（アーキテクチャ図、データフロー図、フローチャート、シーケンス図、エージェント/メモリ図、コンセプトマップなど）を作成し、SVG+PNGとしてエクスポートしたい場合に使用します。トリガー条件：「画図」「帮我画」「生成図」「做个図」「架稰図」「流程图」「可视化一下」「出図」「generate diagram」「draw diagram」「visualize」、またはユーザーが図示したいシステムやフローの説明。
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.