Architecture

markdown-viewer/skills

This generates layered architecture diagrams as direct HTML/CSS embedded in Markdown, no external tools needed. You get 12 visual styles (Steel Blue for enterprise, Neon Dark for dev conferences, Rose Bloom for luxury brands) and 12 structural layouts (three-column for complex systems, pipeline for data flows, nested containers for cloud topology). The incremental creation approach is smart: build the framework first, add layers second, fill components third. It handles everything from simple microservice views to full enterprise architectures with monitoring sidebars and cross-cutting concerns. The color semantics are consistent across styles, so user layers always mean user-facing stuff regardless of palette. Beats diagramming tools when you want version-controlled diagrams that live in your docs.

skills.sh installs

3.7K

GitHub stars

3.4K

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1better-authgiuseppe-trisciuoglio/developer-kitProvides Better Auth integration patterns for NestJS backend and Next.js frontend with Drizzle ORM and PostgreSQL. Use when setting up Better Auth with NestJS b3.7Kskills.sh installs

2extension-pointsdotnet/skillsGuide for MSBuild extensibility: CustomBefore/CustomAfter hooks, wildcard imports with alphabetic ordering, import gating with control properties, NuGet package3.7Kskills.sh installs

3material-3hamen/material-3-skillImplement Google's Material Design 3 (Material You) UI system. Primary: Jetpack Compose Material3 (MaterialTheme, components, adaptive layout). Also Flutter and3.6Kskills.sh installs

4uplifting-components-to-slds2forcedotcom/sf-skillsMigrate Lightning Web Components from SLDS 1 to SLDS 2 by running the SLDS linter and fixing violations. Use this skill whenever users mention SLDS 2, SLDS upli3.6Kskills.sh installs

5fullstack-devminimax-ai/skillsFull-stack backend architecture and frontend-backend integration guide. TRIGGER when: building a full-stack app, creating REST API with frontend, scaffolding ba3.5Kskills.sh installs

6generative-uihimself65/finance-skillsDesign system and guidelines for Claude's built-in generative UI — the show_widget tool that renders interactive HTML/SVG widgets inline in claude.ai conversati3.4Kskills.sh installs