Diagrame de Arhitectură

Acest skill produce diagrame de arhitectură, cloud și infrastructură cu temă dark, livrate ca fișiere HTML autonome ce conțin SVG inline. Nu depinde de biblioteci externe, chei API sau tool-uri de randare; pur și simplu generează fișierul și îl deschizi în browser.

Ce face

Primește o descriere textuală a componentelor (frontend, backend, baze de date, VPC-uri, message bus etc.) și construiește o diagramă profesională respectând un sistem vizual coerent: fundal cu grid subtil, noduri cu fill-uri semitransparente și stroke-uri colorate semantic, plus legături curate între ele. Rezultatul este un singur fișier .html care funcționează offline.

Când îmi folosește

Îl folosești când ai nevoie rapid de o diagramă tehnică pentru documentație internă, review-uri de arhitectură sau prezentări către colegi. Se potrivește excelent la straturi de aplicație, topologii de microservicii, deployment-uri AWS/Azure sau hărți de API + database. Pentru diagrame științifice, fizice sau animate, caută mai întâi skill-urile dedicate.

Cum îl invoc / declanșez

Descrie sistemul în limbaj natural: listează componentele, conexiunile și tehnologiile. Skill-ul interpretează descrierea și generează codul HTML corespunzător. Pentru comanda exactă de invocare și parametrii disponibili, verifică doctrina pentru detalii exacte.

Exemplu practic

Spui: „Am un frontend React, un backend Node.js cu Express, o bază de date PostgreSQL și un Redis ca cache, toate în VPC AWS.” Skill-ul creează noduri cu fill-uri specifice (cyan pentru frontend, emerald pentru backend, violet pentru database, amber pentru AWS), le conectează cu linii curate și salvează fișierul. Poți apoi ajusta pozițiile sau culorile direct în codul SVG dacă vrei tweak-uri fine.

Output / unde aterizează

Fișierul aterizează implicit în directorul curent sub forma ./[nume-proiect]-architecture.html. După generare, skill-ul sugerează comanda de deschidere (open pe macOS sau xdg-open pe Linux). Poți specifica și o cale proprie dacă vrei să-l salvezi în alt folder.

Limite / gotchas

Nu genera diagrame pentru fizică, biologie sau planuri de etaj – estetica dark-tech nu se potrivește și există skill-uri mai bune. Evită subiecte care cer animații sau stil hand-drawn. Paleta de culori este fixă și semantică; dacă încerci să o forțezi, diagrama își pierde consistența vizuală. Pentru referințe suplimentare vezi All guides.