AI に「図を描いて」と頼むと'それっぽいけど使えない図'が出てくる問題を、draw.io 生成スキルで倒した
Hiroba による自動要約
受託開発・SES 現場での図作成の負担を解決するため、Claude の Skills 機能を使って draw.io 生成スキル集を開発。「図のお作法」（色ルール、レイアウト、記号の意味など）をスキルに組み込むことで、システム構成図・業務フロー・ER図・CI/CD パイプラインなど 7 種の図を再現性高く自動生成し、編集可能な .drawio ファイル形式で出力できるようにした。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 5858 件あります。
関連する記事
同じタグの記事
Claude Codeに「進捗どう？」と聞くのをやめた ― 隣の画面で勝手に育つ"きょうのボード"
Zenn複数プロジェクトを Claude Code に並行委任する際の進捗確認の手間を解消する自作ツール「きょうのボード」の紹介。Claude が Skills と同梱の Python スクリプト経由で HTML ボードを自ら更新し、常駐の Deck が全セッションの状態集約と通知を担う構成。外部サーバー・DB 不要、MIT で GitHub 配布。Claude Code を並行運用する開発者向け。
ハーネスエンジニアリング3原則 — 地図・強制・蓄積の三層で考える
ZennOpenAI 提唱のハーネスエンジニアリング3原則を Claude Code の機能に対応付けて整理した記事。地図は 200 行以内の CLAUDE.md と docs/ への分割、強制は PreToolUse Hook による不変条件のみのブロック、蓄積は失敗手順の Skills 化として解説。ハーネスを先に生成させる初手プロンプト例も掲載。Claude Code の運用設計を見直したい開発者向け。
サブエージェントを増やしすぎていたら、Claude 公式が挙げる失敗パターンに当てはまっていた話
DevIOClaude Code の自作開発フロースキルでサブエージェントが最大12体に増えた構成を、Anthropic の記事「Building agents」を基に見直した事例。工程ごとの分割で引き継ぎ時に情報が欠落していたため、文脈単位での分割に変更。観点別レビュー5体を1体に統合し、承認ゲートは指示文ではなく権限設定で制御。サブエージェント設計に悩む Claude Code 利用者向け。
Claude Codeにハーネスを導入した — 不変条件はHookで強制する
Zenn個人開発アプリで Claude Code が `.env` 読み取りや ios/・android/ の直接編集を繰り返す問題に対し、ルールを「不変条件」と「推奨」に仕分けた実践記録。不変条件は PreToolUse Hook の exit 2 でブロックし stderr で代替手段を提示、CLAUDE.md は 48 行の地図に絞り詳細は docs/ へ分離。Hook のテスト手法や Skill 5 個の設計も紹介しており、CLAUDE.md の肥大化に悩む利用者向け。