AI に「図を描いて」と頼むと'それっぽいけど使えない図'が出てくる問題を、draw.io 生成スキルで倒した
Hiroba による自動要約
受託開発・SES 現場での図作成の負担を解決するため、Claude の Skills 機能を使って draw.io 生成スキル集を開発。「図のお作法」(色ルール、レイアウト、記号の意味など)をスキルに組み込むことで、システム構成図・業務フロー・ER図・CI/CD パイプラインなど 7 種の図を再現性高く自動生成し、編集可能な .drawio ファイル形式で出力できるようにした。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 2757 件あります。
関連する記事
同じタグの記事

2026年7月版 AI エージェントのスキルを使いこなす技術 ― 調査・設計・コーディング別の実践ガイド
QiitaClaude Code のスキルを調査・設計・コーディングのフェーズ別に効かせるための実践ガイド。スキルは「手順書」ではなく「型の強制装置」であり、認知的摩擦コスト×頻度で判断軸を立てることで、作ったまま使われないスキルの問題を解決する。標準スキル・マーケット活用・自作スキル・セキュリティの4領域を網羅した設計原則とサンプルコードを紹介。

Claude Fable 5 の従量課金化直前、Skills で今しかできない仕事を全部終わらせるプロンプト
Qiita7月8日からFable 5は従量課金へ移行し、無制限利用期間は7月7日で終了。Web開発・GitHub運用・技術ブログ等の用途ごとに、Fable 5でしか実現できないワークフローを他モデル+Skills で再現するためのプロンプトとロードマップを具体的に紹介。

GitHubのURLを貼るだけでOSSを安全に精査するSkillを構築する
QiitaClaude.aiのコンテナ実行環境とSkill機能を組み合わせ、GitHubのURLを入力するだけで未確認のOSSをcloneして自動精査するワークフローを構築する方法を解説。10ステップの精査フロー(構造確認・ドキュメント精読・依存関係確認・安全性チェック・サンプルコード検査等)を設計し、セッション内の隔離環境で実行することで、個人マシンへの展開リスクを排除できます。

Claude Code に Salesforce 公式スキル「sf-skills」を導入する|LWC と Apex のベストプラクティス実装
ZennSalesforce が公開した sf-skills パッケージをClaude Code に導入すると、LWC・Apex コードが最初からベストプラクティスに準拠した状態で生成される。インストールは npx skills add forcedotcom/sf-skills 一行で完了し、自然言語での指示で Apex コントローラ・LWC・テストクラスが自動生成・検証される仕組み。