Communityコーディング&開発github.com

claude-office-skills/diagram-creator

Mermaid、PlantUMLなどのテキストベースの図ツールを使ってプロフェッショナルな図を作成します。フローチャート、シーケンス図、アーキテクチャ図などを生成できます。

diagram-creator とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)がテキストベースの図作成ツール(Mermaid、PlantUMLなど)を活用して、プロフェッショナルな図を生成できるようにします。フローチャート、シーケンス図、アーキテクチャ図、ガントチャート、クラス図など、多様な図タイプをサポートしています。開発者は、手動で描画ツールを使うことなく、チャットやコードエディタ内で直接図を作成・編集できるため、設計ドキュメントやプレゼンテーション資料の作成が大幅に効率化されます。このスキルは、AIエージェントが図のコードを生成し、それをレンダリングする仕組みで動作し、マークダウンファイルに埋め込むことも可能です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/claude-office-skills/skills/tree/main/skills/diagram-creator

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

diagram-creator は何をしますか?

Mermaid、PlantUMLなどのテキストベースの図ツールを使用してプロフェッショナルな図を作成します。フローチャート、シーケンス図、アーキテクチャ図などを生成できます。

サポートされている図の種類

  • フローチャート - プロセスやワークフローの視覚化
  • シーケンス図 - オブジェクト間の相互作用を時系列で表現
  • クラス図 - オブジェクト指向設計の表現
  • 状態図 - 状態遷移のモデル化
  • ER図 - エンティティ関連図
  • ガントチャート - プロジェクトスケジュールの管理
  • アーキテクチャ図 - システムアーキテクチャの表現

使用方法

AIエージェントとの対話の中で、図のタイプと内容を指定するだけで、対応するテキストベースのコードが生成され、レンダリングされます。

例:

ユーザー: ECサイトの注文処理フローチャートを作成して
AI: 以下のMermaidコードを生成します:

```mermaid
graph TD
    A[注文受付] --> B{在庫確認}
    B -->|在庫あり| C[注文処理]
    B -->|在庫なし| D[在庫切れ通知]
    C --> E[支払い処理]
    E --> F[発送手配]
    F --> G[注文完了]

または、次のようにPlantUMLコードも生成できます。

ユーザー: マイクロサービスのアーキテクチャ図を作成して
AI: 以下のPlantUMLコードを生成します:

```plantuml
@startuml
!include <C4/C4_Container>

Person(customer,

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

claude-office-skills/academic-search

Search and analyze academic literature. Find papers, understand research methodologies, and synthesize academic findings for research projects.

claude-office-skills/ads-copywriter

Multi-platform ad copy generation for Google Ads, Meta/Facebook, TikTok, LinkedIn with A/B testing variants

claude-office-skills/ai-agent-builder

Build AI agents with tools, memory, and multi-step reasoning - ChatGPT, Claude, Gemini integration patterns

claude-office-skills/airtable-automation

Airtable database automation - views, automations, integrations, and workflow triggers

claude-office-skills/ai-slides

Generate complete presentations with AI - from outline to polished slides

claude-office-skills/amazon-seller

Automate Amazon seller operations including inventory, orders, pricing, and advertising management

claude-office-skills/apple-shortcuts-integration

Create and trigger Apple Shortcuts for iOS/macOS automation and cross-platform workflows

claude-office-skills/applicant-screening

Screen job applications against requirements and score candidates

claude-office-skills/asana-automation

Automate Asana project management workflows, task tracking, team collaboration, and reporting

claude-office-skills/batch-convert

Batch convert documents between multiple formats using a unified pipeline

claude-office-skills/batch-processor

Process multiple documents in bulk with parallel execution

claude-office-skills/brand-guidelines-generator

Create and maintain brand style guides for consistent visual identity

claude-office-skills/browser-automation

Automate web browser interactions, scraping, testing, and workflow automation with Puppeteer/Playwright

claude-office-skills/calendar-automation

Google Calendar and Outlook automation - scheduling optimization, meeting workflows, time blocking, and Slack/Sheets integration

claude-office-skills/changelog-generator

Generate release notes from git commits, updates, or feature lists

claude-office-skills/chart-designer

Design effective data visualizations and charts. Generate chart configurations for ECharts, Chart.js, and other libraries. Create dashboards and reports.

claude-office-skills/chat-with-pdf

Answer questions about PDF content, summarize, and extract information

claude-office-skills/clickup-automation

Automate ClickUp workspace management, task workflows, time tracking, and team productivity

claude-office-skills/company-research

Conduct comprehensive company research and due diligence. Analyze business model, competitive landscape, management, and market position.

claude-office-skills/competitive-analysis

Analyze competitors systematically. Compare products, features, pricing, positioning, and market strategies. Generate comprehensive competitive intelligence reports.

関連スキル