architecture-diagram

Name: architecture-diagram
Availability: InStock
Author: cocoon-ai

Create polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or…

copies: implexa run skills.sh/architecture-diagram

view source

installs

stars

karma

SKILL.md

Architecture Diagram Skill

Create professional technical architecture diagrams as self-contained HTML files with inline SVG graphics and CSS styling.

Version 1.1 · MIT License · Authored by Cocoon AI

Design System

Color Palette

Use these semantic colors for component types:

related skills

semantically similar in the cross-vendor index

clawhub

72% match

draw architecture diagram

Create professional, dark-themed SVG architecture diagrams as standalone HTML files matching a specific design system with precise color tokens, typography,...

don't have the plugin yet? install it then click "run inline in claude" again.

implexa · skills ranked by SkillRank

top skills resources guides install github llms.txt x / twitter privacy

by @ksky521

clawhub

67% match

Visual Explainer Main

Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architectur...

by @austindixson

skills.sh

63% match

architecture-diagrams

by @aj-geddes

clawhub

62% match

Architecture Research

Research the architecture of a codebase or system. Reads source code, finds external context, explains design decisions, and produces ELK diagrams. Use when...

Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools…

by @jwynia