markdown-viewer/iot

Créez des diagrammes d'architecture IoT en utilisant la syntaxe PlantUML avec des icônes de dispositifs et de capteurs. Idéal pour les agencements de maisons intelligentes, d'IIoT industriels, de gestion de flotte, d'informatique de périphérie et de réseaux de capteurs.

Qu'est-ce que iot ?

Cette compétence vous permet de générer des diagrammes d'architecture IoT directement dans votre éditeur de code ou environnement de développement, en utilisant la syntaxe PlantUML. Elle fournit un ensemble d'icônes prédéfinies pour représenter les dispositifs IoT (capteurs, actionneurs, passerelles) et les réseaux (Wifi, LoRa, 5G), ce qui facilite la création de diagrammes cohérents et professionnels. Idéale pour les architectes et développeurs travaillant sur des projets de maison intelligente, d'IIoT, de gestion de flotte, d'informatique de périphérie ou de réseaux de capteurs, elle s'intègre parfaitement dans les workflows de documentation technique et de conception système. La compétence repose sur une bibliothèque de stencils et des macros PlantUML, ce qui permet de décrire les composants et leurs connexions de manière déclarative.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/markdown-viewer/skills/tree/main/skills/iot

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait iot ?

Créez des diagrammes d'architecture IoT en utilisant la syntaxe PlantUML avec des icônes de dispositifs et de capteurs. Idéal pour les agencements de maisons intelligentes, d'IIoT industriels, de gestion de flotte, d'informatique de périphérie et de réseaux de capteurs.

Utilisation

Utilisez la syntaxe PlantUML standard avec les stencils IoT fournis. Par exemple :

@startuml
!include <iot/common>

title Exemple de diagramme IoT

actor Utilisateur as user
database Cloud as cloud

device CapteurTemp as temp
actor Actionneur as act

user --> cloud : Données utilisateur
cloud --> temp : Commande de mise à jour
temp --> act : Seuil atteint

@enduml

Composants disponibles

SymboleDescription
actorActeur (utilisateur, système externe)
databaseBase de données ou service cloud
deviceDispositif IoT (capteur, actionneur, passerelle)
queueFile d'attente de messages
cloudService cloud générique
interfaceInterface réseau (Wifi, LoRa, 5G)

Exemples concrets

Maison intelligente

@startuml
!include <iot/common>

title Architecture maison intelligente

device Thermostat as thermo
device Lampe as light
device Porte as door

cloud HubCentral as hub

hub --> thermo : Contrôle température
hub --> light : Allumer/Éteindre
hub --> door : Verrouiller/Déverrouiller

@enduml

IIoT industriel

@startuml
!include <iot/common>

title Surveillance industrielle IIoT

device CapteurVibration as vibe
device CapteurTemperature as temp
device ActionneurValve as valve

queue FileMessage as mq
cloud BaseDonnees as db

vibe --> mq : Données vibrations
temp --> mq : Données température
mq --> db : Stockage
mq --> valve : Commande

@enduml

Ressources

Individual skills in this repo

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

markdown-viewer/archimate

Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA modeling (Business/Application/Technology), motivation analysis, and migration planning.

markdown-viewer/architecture

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.

markdown-viewer/bpmn

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.

markdown-viewer/canvas

Create spatial diagrams with free-positioned nodes using JSON format. Best for concept maps, knowledge graphs, and planning boards requiring precise x/y coordinate control.

markdown-viewer/cloud

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.

markdown-viewer/data-analytics

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.

markdown-viewer/graphviz

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.

markdown-viewer/infocard

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.

markdown-viewer/mindmap

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.

markdown-viewer/network

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.

markdown-viewer/security

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.

markdown-viewer/uml

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.

markdown-viewer/vega

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.

Skills associés