What is blog-mermaid?
Create mermaid diagrams for blog posts using the blog's sky/zinc color theme. Use when adding flowcharts, sequence diagrams, or other mermaid visualizations to blog content. Source: christowles/blog.
Create mermaid diagrams for blog posts using the blog's sky/zinc color theme. Use when adding flowcharts, sequence diagrams, or other mermaid visualizations to blog content.
Quickly install blog-mermaid AI skill to your development environment via command line
Source: christowles/blog.
The blog uses sky as primary and zinc as neutral colors.
| Background | white | #020618 | | Primary fill | sky-100 | sky-900 | | Secondary fill | zinc-100 | zinc-800 | | Borders/lines | sky-600 | sky-500 | | Text | zinc-900 | zinc-100 | | Accent/highlight | sky-400 | sky-400 |
Prefer flowcharts over state diagrams - they render more reliably:
Create mermaid diagrams for blog posts using the blog's sky/zinc color theme. Use when adding flowcharts, sequence diagrams, or other mermaid visualizations to blog content. Source: christowles/blog.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/christowles/blog --skill blog-mermaidCreate mermaid diagrams for blog posts using the blog's sky/zinc color theme. Use when adding flowcharts, sequence diagrams, or other mermaid visualizations to blog content. Source: christowles/blog.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/christowles/blog --skill blog-mermaid Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/christowles/blog