canvas 是做什麼的？
使用 JSON 格式建立具有自由定位節點的空間圖表。最適合需要精確 x/y 座標控制的概念圖、知識圖譜和規劃看板。
使用 JSON 格式建立具有自由定位節點的空間圖表。最適合需要精確 x/y 座標控制的概念圖、知識圖譜和規劃看板。
此技能讓您能夠以 JSON 格式定義節點，並在畫布上自由定位，從而建立空間圖表。它專為需要精確控制元素位置與空間關係的場景而設計，例如概念圖、知識圖譜和規劃看板。此技能無縫整合至支援 Markdown 的 AI 代理工具（如 Claude Code 或 Cursor），利用標準的 markdown 檢視器在開發者工作流程中直接渲染互動式圖表。通過指定每個節點的 x 和 y 座標，您可以建立複雜的佈局、視覺化關係並組織資訊，而無需使用圖形編輯器。此方法在頭腦風暴、專案規劃或繪製系統架構圖時特別有用，因為在這些場景中，空間安排會影響理解。您可以直接在提示或配置檔案中以 JSON 格式提供節點數據，代理會將其轉換為視覺圖表輸出。
npx skills add https://github.com/markdown-viewer/skills/tree/main/skills/canvasInstalled? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
使用 JSON 格式建立具有自由定位節點的空間圖表。最適合需要精確 x/y 座標控制的概念圖、知識圖譜和規劃看板。
This repo contains 13 individual skills — each has its own dedicated page.
Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA modeling (Business/Application/Technology), motivation analysis, and migration planning.
Create layered system architecture diagrams using HTML/CSS templates with color-coded tiers and grid layouts. Best for technology stacks, microservices topology, and multi-tier application design.
Create business process diagrams using PlantUML syntax with BPMN, EIP, and Lean Mapping stencil icons. Best for workflow automation, approval chains, message-based integration patterns, and value stream mapping.
Create cloud provider architecture diagrams using PlantUML syntax with official AWS, Azure, GCP, and Alibaba Cloud service icons. Best for multi-service cloud topologies and migration blueprints.
Create data pipeline and analytics architecture diagrams using PlantUML syntax with database/analytics stencil icons. Best for ETL pipelines, data lakes, real-time streaming, data warehousing, and BI dashboard design.
Create directed/undirected graphs using DOT language with automatic layout. Best for dependency trees, call graphs, package hierarchies, and module relationships requiring fine-grained edge routing.
Create editorial-style information cards using HTML/CSS in Markdown. Best for knowledge summaries, data highlights, event announcements, and single-topic content cards with magazine-quality typography.
Create IoT architecture diagrams using PlantUML syntax with device and sensor stencil icons. Best for smart home, industrial IoT (IIoT), fleet management, edge computing, and sensor network layouts.
Create hierarchical mind maps using PlantUML @startmindmap syntax. Best for brainstorming, topic decomposition, study notes, and decision trees with automatic radial layout, left/right branches, and per-node styling.
Create network topology diagrams using PlantUML syntax with mxgraph device icons (Cisco, Citrix, etc.). Best for LAN/WAN layouts, datacenter interconnects, and physical/logical network design.
Create security architecture diagrams using PlantUML syntax with identity, encryption, firewall, and compliance stencil icons. Best for IAM flows, zero-trust models, encryption pipelines, and threat detection architectures.
Create UML diagrams using PlantUML syntax. Best for software modeling — Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams with concise text-based notation and auto-layout.
Create data-driven charts with Vega-Lite (declarative) and Vega (programmatic). Best for statistical visualization of numeric data — bar, line, scatter, heatmap, area, radar charts, and word clouds.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.