cocoon-ai/architecture-diagram
Create polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or network topology diagrams.
Create polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or network topology diagrams.
npx skills add https://github.com/cocoon-ai/architecture-diagram-generator/tree/main/skills/architecture-diagramCreate polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or network topology diagrams.
Content in, PNG out. A Claude Code skill that renders text into designed images — 7 modes, 18+ brand design systems, print-quality aesthetic.
🚀 Showcase Claude Code’s features through an interactive presentation built with Vue 3, highlighting its memory system, commands, and GitHub integration.
Agent skill that turns design system quality from "best effort" into a repeatable engineering workflow.
🚀 Build and utilize production-ready Claude Code agents and skills for enhanced productivity with auto-generated documentation.
Codex skill for controller-led bounded goal cascades.
Set up Tailwind v4 + shadcn/ui themed UI with dark mode. Install deps, configure CSS variables via @theme inline, wire dark mode toggle, verify. Use whenever the user mentions Tailwind v4, setting up Tailwind theming, shadcn/ui colours, dark mode, or troubleshooting colours not working, tw-animate-css errors, @theme inline conflicts, @apply breaking after upgrade, or v3 → v4 migration issues.