Next AI Draw.io

範例圖庫:每張圖和它的提示詞

這裡的每張圖都是根據一句提示詞畫出來的。點開一張可以放大查看;也可以複製它的提示詞,或者開啟編輯器,提示詞會預先填好在聊天輸入框裡,您可以修改後再送出。

每張圖都是 Claude Code 透過 MCP 伺服器畫的,用的模型寫在卡片上。依照伺服器的要求,Claude Code 看了每張圖畫出來的截圖,並修正了重疊的地方。同一句提示詞每次畫出來的圖都會有些不同,換用其他模型,畫法也會不一樣。

  • 雲端與基礎架構Claude Opus 5.5

    網店的 Kubernetes 部署

    提示詞: Draw a Kubernetes deployment for a web shop: an ingress, web and API deployments with their services and pods, a Redis StatefulSet with a persistent volume, a ConfigMap, a Secret, and an autoscaler on the API.

    試試這個提示詞
  • 軟體設計Claude Opus 5.5

    網店的 ER 圖

    提示詞: Draw an ER diagram for an online shop: customers, addresses, orders, order items, products, categories and payments, with primary and foreign keys and the cardinality of each relationship.

    試試這個提示詞
  • AI 與研究Claude Opus 5.5

    帶動畫連線的 Transformer 架構

    提示詞: Give me an animated connector diagram of transformer's architecture.

    試試這個提示詞
  • 流程Claude Opus 5.5

    BPMN 報銷流程

    提示詞: Draw a BPMN process for an expense claim: an employee submits it, the manager approves or rejects it, finance checks the receipts and pays, and the claim goes back to the employee when receipts are missing.

    試試這個提示詞
  • 雲端與基礎架構Claude Opus 5.5

    AWS 上的高可用 Web 應用

    提示詞: Draw an AWS architecture for a highly available web app across two Availability Zones with AWS icons: Route 53, CloudFront with AWS WAF, an Application Load Balancer, ECS Fargate services in private subnets, Aurora PostgreSQL with a writer and a reader, ElastiCache for Redis, S3 for static assets, NAT gateways, and CloudWatch for monitoring.

    試試這個提示詞
  • 規劃與業務Claude Opus 5.5

    產品發表心智圖

    提示詞: Draw a mind map for planning a product launch: goals, audience, messaging, channels, timeline, budget and metrics, each with a few ideas.

    試試這個提示詞
  • 軟體設計Claude Opus 5.5

    OAuth 2.0 PKCE 登入時序圖

    提示詞: Draw a sequence diagram of an OAuth 2.0 login with PKCE between the user, a browser app, the identity provider and an API.

    試試這個提示詞
  • 規劃與業務Claude Opus 5.5

    行動銀行的使用者旅程地圖

    提示詞: Draw a customer journey map for a mobile banking app across five stages (discover, sign up, first payment, everyday use, get help), with the customer's actions, touchpoints, feelings and pain points in each stage, and an opportunity for each pain point.

    試試這個提示詞
  • 規劃與業務Claude Opus 5.5

    新創公司組織圖

    提示詞: Draw an org chart for a 25-person startup: the CEO, a CTO with two engineering teams, a head of product with designers, a head of sales with account executives, and operations.

    試試這個提示詞
  • AI 與研究Claude Opus 5.5

    聊天應用的 RAG 架構

    提示詞: Generate a RAG architecture diagram for chat application. Use connected diagram for data ingestion

    試試這個提示詞
  • 雲端與基礎架構Claude Opus 5.5

    Google Cloud 上的資料分析流水線

    提示詞: Draw a Google Cloud analytics pipeline with GCP icons: apps send events to Pub/Sub, Dataflow processes the stream, raw data lands in Cloud Storage, BigQuery is the warehouse, Vertex AI trains a model on it, Looker shows dashboards, and Cloud Composer runs the nightly batch jobs.

    試試這個提示詞
  • 流程Claude Opus 5.5

    招募流程泳道圖

    提示詞: Draw a swimlane diagram of a hiring process across the candidate, the recruiter, the hiring manager and the interview panel, from application to offer.

    試試這個提示詞
  • 軟體設計Claude Opus 5.5

    圖書館系統的 UML 類別圖

    提示詞: Draw a UML class diagram for a library system: Book, Copy, Member, Loan, Reservation, Librarian and Fine, with their main attributes, methods and the relationships between them.

    試試這個提示詞
  • 規劃與業務Claude Opus 5.5

    12 週應用發表計畫

    提示詞: Draw a Gantt chart for a 12-week mobile app launch: discovery, design, three development sprints, beta testing, app store review and launch, with milestones.

    試試這個提示詞
  • 雲端與基礎架構Claude Opus 5.5

    跨兩個 Azure 區域的 Web 應用

    提示詞: Draw an Azure architecture for a web app that runs in two regions, with Azure icons: Azure Front Door, App Service in each region, Azure SQL Database with geo-replication, Azure Cache for Redis, Blob Storage, Key Vault, sign-in with Microsoft Entra ID, and Application Insights.

    試試這個提示詞
  • 雲端與基礎架構Claude Opus 5.5

    GitHub Actions 的 CI/CD 流水線

    提示詞: Draw a CI/CD pipeline with GitHub Actions: on a pull request run lint, unit tests and a security scan in parallel, build a Docker image, deploy to staging, wait for approval, then deploy to production on AWS, with a rollback path.

    試試這個提示詞
  • 軟體設計Claude Opus 5.5

    訂單狀態機

    提示詞: Draw a state machine for an e-commerce order: created, payment pending, paid, packed, shipped, delivered, cancelled, refund requested and refunded, with the events between them.

    試試這個提示詞
  • 雲端與基礎架構Claude Opus 5.5

    小型辦公室網路

    提示詞: Draw a network diagram of a small office with Cisco icons: the internet, a firewall, a router, a core switch, Wi-Fi access points, laptops, a file server, a printer and a separate guest VLAN.

    試試這個提示詞
  • AI 與研究Claude Opus 5.5

    ResNet50 模型架構

    提示詞: Give me an animated architecture diagram of the ResNet50 model.

    試試這個提示詞
  • 流程Claude Opus 5.5

    敏捷 Scrum 工作流程

    提示詞: Generate agile scrum workflow diagram for software development team.

    試試這個提示詞
  • 雲端與基礎架構Claude Opus 5.5

    React 與 AWS 的無伺服器登入

    提示詞: Generate authentication process using React with AWS. Use Serverless architecture.

    試試這個提示詞
  • AI 與研究Claude Opus 5.5

    把論文畫成圖

    提示詞: Summarize this paper as a diagram同時附上了論文檔案

  • 繪畫Claude Opus 5.5

    用圖形畫的小貓

    提示詞: Draw a cute cat for me.

    試試這個提示詞

自己寫提示詞

列出圖裡有哪些部分

「customers, addresses, orders, order items, products, categories and payments」

說明各部分怎樣連接

「the manager approves or rejects it, finance checks the receipts and pays」

說出圖的類型

ER 圖、時序圖、BPMN、泳道圖、甘特圖、使用者旅程地圖。

需要圖示時點名

需要時寫明 AWS、Azure、GCP、Kubernetes 或 Cisco 圖示。

怎樣寫請求,文件裡還有: