markdown-viewer/skills

iot

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.

All-time #4417 Trending #8898 Hot #496 First seen Apr 11, 2026
8-week activity · all time api

Installation

$ npx skills add markdown-viewer/skills --skill iot

Also in this package

Other skills from markdown-viewer/skills · top by installs.

npx skills add markdown-viewer/skills

Browse all from markdown-viewer/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 3.3K
License GPL-3.0
Default branch main
Open issues 2
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

More metadata
author
IoT diagrams are powered by Markdown Viewer — the best multi-platform Markdown extension (Chrome/Edge/Firefox/VS Code) with diagrams, formulas, and one-click Word export. Learn more at https://docu.md

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 5,291 B
  • docs SUMMARY.md 209 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 2,937 installs

SKILL.md

IoT Architecture Diagram Generator

Quick Start: Select device/sensor icons → Place edge gateways → Connect to cloud services → Group into zones → Wrap in `plantuml fence.

⚠️ IMPORTANT: Always use `plantuml or `puml code fence. NEVER use `text — it will NOT render as a diagram.

Critical Rules

  • Every diagram starts with @startuml and ends with @enduml
  • Use left to right direction for typical IoT data flows (Device → Edge → Cloud)
  • Use mxgraph.aws4.* stencil syntax for IoT service and device icons
  • Default colors are applied automatically — you do NOT need to specify fillColor or strokeColor
  • Use rectangle "Zone" { ... } or package "Site" { ... } for grouping
  • Directed flows use -->, async/event-driven flows use ..> (dashed)

Full stencil reference: See [stencils/README.md](../uml/stencils/README.md) for 9500+ available icons.

Mxgraph Stencil Syntax

mxgraph.aws4.<icon> "Label" as <alias>

Core IoT Stencils

Category Stencils Purpose
IoT Platform iotcore, internetofthings, iot1click Central IoT hub / message broker
Edge/Gateway greengrass, iotdevicegateway, freertos, iot_expresslink Edge computing & device gateway
Greengrass iotgreengrasscomponent, iotgreengrassnucleus, iotgreengrassstream_manager Edge runtime components
Device Mgmt iotdevicemanagement, iotdevicedefender, iotdevicetester, iotovertheairupdate Fleet provisioning, security, OTA
Analytics iotanalytics, iotanalyticschannel, iotanalyticspipeline, iotanalyticsdataset, iotanalyticsdatastore IoT data processing pipeline
Events/Rules iotevents, iotdevicedefenderiotdevicejobs Event detection & job execution
Digital Twin iottwinmaker, iotsitewise, iotsitewiseasset, iotsitewiseasset_model Asset modeling & visualization
Fleet iotfleetwise, iotdevicemanagementfleet Vehicle & device fleet telemetry

Device & Sensor Stencils

Category Stencils
Sensors sensor, iotthingtemperaturesensor, iotthinghumiditysensor, iotthingvibrationsensor, iotthingtemperaturehumiditysensor, iotthingtemperaturevibration_sensor
Actuators actuator, iotthingrelay, iotthingstacklight
Industrial factory, iotthingindustrialpc, iotthing_plc
Smart Home thermostat, alexaenableddevice, alexasmarthome_skill, camera, camera2
Protocols mqttprotocol, iotlorawanprotocol, iotgreengrass_protocol
Boats/Vehicles iotsailboat, iotfleetwise
Robotics robomaker, iot_roborunner

Connection Types

Syntax Meaning Use Case
A --> B Solid arrow Sync API / data flow
A ..> B Dashed arrow Async telemetry / MQTT publish
A -- B Solid line Physical / bidirectional link
A --> B : "label" Labeled connection Describe protocol or data

Quick Example

@startuml
left to right direction
rectangle "Factory Floor" {
  mxgraph.aws4.sensor "Temp\nSensor" as s1
  mxgraph.aws4.iot_thing_plc "PLC" as plc
}
mxgraph.aws4.greengrass "Greengrass\nEdge" as gg
mxgraph.aws4.iot_core "IoT Core" as core
mxgraph.aws4.iot_analytics "IoT\nAnalytics" as analytics

s1 --> gg : MQTT
plc --> gg
gg --> core
core --> analytics
@enduml

IoT Architecture Types

Type Purpose Key Stencils Example
Smart Factory Industrial IoT monitoring sensor, iotthingplc, greengrass, iot_sitewise [smart-factory.md](examples/smart-factory.md)
Smart Home Home automation thermostat, alexaenableddevice, camera, iot_core [smart-home.md](examples/smart-home.md)
Fleet Telemetry Vehicle fleet tracking iotfleetwise, iotcore, iot_analytics [fleet-telemetry.md](examples/fleet-telemetry.md)
Edge Computing Local processing at edge greengrass, freertos, iotgreengrasscomponent [edge-computing.md](examples/edge-computing.md)
Digital Twin Asset modeling & simulation iottwinmaker, iotsitewiseassetmodel, iot_sitewise [digital-twin.md](examples/digital-twin.md)
Sensor Network Distributed sensor mesh sensor, iotlorawanprotocol, iotdevicegateway [sensor-network.md](examples/sensor-network.md)
Device Management Fleet provisioning & OTA iotdevicemanagement, iotdevicedefender, iotovertheairupdate [device-management.md](examples/device-management.md)
Robotics Robot fleet orchestration robomaker, iot_roborunner, greengrass [robotics.md](examples/robotics.md)