🎯

architecture

🎯Skill

from markdown-viewer/skills

VibeIndex|
What it does
|

A skill for creating layered architecture diagrams using HTML/CSS templates with color-coded layers and flexible grid layouts (single/double/triple column), ideal for visualizing system layers, microservices, and enterprise application design.

πŸ“¦

Same repository

markdown-viewer/skills(13 items)

architecture

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add markdown-viewer/skills --skill architecture
skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add markdown-viewer/skills --skill architecture
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/architecture/SKILL.md

SKILL.md

93Installs
-
AddedFeb 6, 2026

More from this repository10

🎯
wireframe🎯Skill

A skill for creating UI wireframes and mockups using drawio XML format with platform-specific UI component libraries, supporting web page layouts, iOS/Android mobile app mockups, and Bootstrap-based designs with mockup-specific stencils.

🎯
drawio🎯Skill

Generates professional, complex diagrams using Draw.io XML format with precise positioning and extensive shape libraries for technical documentation.

🎯
mermaid🎯Skill

Generates professional technical diagrams like flowcharts, sequence charts, and system architectures using simple Markdown-based syntax.

🎯
floor-plan🎯Skill

A skill for creating architectural floor plans and interior layouts using drawio XML format with building-standard symbols, covering office layouts, home floor plans, evacuation plans, and seating arrangements with consistent scaling conventions.

🎯
infographic🎯Skill

Generates visually stunning infographics using pre-designed templates for quick, impactful visual communication of processes, comparisons, and data.

🎯
engineering🎯Skill

Creates engineering diagrams and technical schematics using domain-specific stencils and conventions for system design documentation.

🎯
uml🎯Skill

A skill for creating UML diagrams using drawio XML format, covering Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams with standard UML shapes and notation.

🎯
graphviz🎯Skill

A skill for creating complex directed/undirected graphs with automatic layout using DOT language, best for dependency trees, module relationships, package hierarchies, and call graphs with fine-grained edge routing and hierarchical layouts.

🎯
network🎯Skill

A skill for creating network topology diagrams using drawio XML format with industry-standard device icons for LAN/WAN, enterprise networks, cloud infrastructure, and vendor-specific diagrams (Cisco, Arista, Fortinet).

🎯
canvas🎯Skill

Generates spatial node-based diagrams with precise x/y coordinates for mind maps, knowledge graphs, and planning boards using JSON format.