Skip to content

Instantly share code, notes, and snippets.

@MrCoder
MrCoder / SKILL.md
Created March 10, 2026 00:31
Claude Code /diagram skill — generate ZenUML & Mermaid diagrams with optional image rendering via ZenUML web renderer
name description allowed-tools
diagram
Generate diagrams as ZenUML or Mermaid DSL, saved to markdown files, with optional image rendering. Use this skill whenever the user asks to create, generate, or visualize any diagram - sequence diagrams, flowcharts, class diagrams, ER diagrams, state diagrams, or architecture diagrams. Triggers on: 'diagram', 'sequence diagram', 'flowchart', 'class diagram', 'ER diagram', 'visualize', 'draw a diagram', 'show me the flow', 'create a diagram from code', 'render diagram', 'diagram screenshot', or any request to turn code/text/ideas into a visual diagram. Also triggers when user says /diagram.
Read
Glob
Grep
Write
Bash
mcp:playwright:browser_navigate
mcp:playwright:browser_snapshot
mcp:playwright:browser_take_screenshot
mcp:playwright:browser_wait_for
mcp:playwright:browser_evaluate
mcp:playwright:browser_close

Diagram Skill

Generate diagrams using ZenUML (sequence diagrams) or Mermaid (everything else), saved as markdown fil

@MrCoder
MrCoder / gist:42422b15d9df34b42c2cf560662181ef
Created May 22, 2025 04:23 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup

People

:bowtie: :bowtie: 😄 :smile: 😆 :laughing:
😊 :blush: 😃 :smiley: ☺️ :relaxed:
😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:
😚 :kissing_closed_eyes: 😳 :flushed: 😌 :relieved:
😆 :satisfied: 😁 :grin: 😉 :wink:
😜 :stuck_out_tongue_winking_eye: 😝 :stuck_out_tongue_closed_eyes: 😀 :grinning:
😗 :kissing: 😙 :kissing_smiling_eyes: 😛 :stuck_out_tongue:

Simple Action

Hello world

This is defined on \
several **lines**

alt text

Start/Stop/End

#include <WiFi.h>
#include <HTTPClient.h>
const char *ssid = ""; // Your WiFi SSID
const char *password = ""; // Your WiFi password
/**
* If WiFi is connected, the ESP32 will use ADC2 pins (25, 26, 27, 14, 12, 13, 4, 2, 15) for WiFi.
* We must not use ADC2 pins for anything else.
* ADC1 INPUT ONLY: 34, 35, *36, 39
* ADC1 INPUT / OUTPUT: *32, 33
@MrCoder
MrCoder / FpeBouncyCastle.java
Created March 16, 2023 04:45
FPE in Java with BouncyCastle
package org.example;
import org.bouncycastle.crypto.AlphabetMapper;
import org.bouncycastle.crypto.util.BasicAlphabetMapper;
import org.bouncycastle.jcajce.spec.FPEParameterSpec;
import org.bouncycastle.jce.provider.BouncyCastleProvider;
import javax.crypto.Cipher;
import javax.crypto.KeyGenerator;
import javax.crypto.NoSuchPaddingException;
@MrCoder
MrCoder / build.gradle
Last active August 14, 2021 02:18
[buildSearchableOptions throws exception in CI build] https://github.com/JetBrains/gradle-intellij-plugin/issues/738 We have to disable this task in build.gradle.
apply plugin: 'org.jetbrains.intellij'
// Disable all Gradle Tasks for the gradle-intellij-plugin as we only use the plugin for the dependencies
buildPlugin.enabled = false
buildSearchableOptions.enabled = false // we only need to disable this one
jarSearchableOptions.enabled = false
patchPluginXml.enabled = false
prepareSandbox.enabled = false
prepareTestingSandbox.enabled = false
prepareUiTestingSandbox.enabled = false
vertical-align: middle
http://phrogz.net/css/vertical-align/index.html
`vertical-align` can only be used on `table-cell` (such as td or elements with display: table-cell) and inline elements
(such as img or span with display:inline-block).
<div style="display:table-cell; vertical-align:middle"> ... </div>
<img align="middle" ...>
<img style="vertical-align:middle" ...>
@MrCoder
MrCoder / commands
Last active January 27, 2021 05:03
Test remote port with and without telnet
# bash: It requires no other tools
# cat < /dev/tcp/host/port or cat < /dev/udp/host/port
$ cat < /dev/tcp/127.0.0.1/22
SSH-2.0-OpenSSH_5.3
# telnet: telnet host port
$ telnet 127.0.0.1 22
# nc: nc -zv host port1 port2 or port3-port4
$ nc -zv 127.0.0.1 22
@MrCoder
MrCoder / Second-cat.seq
Last active January 26, 2021 21:23
[cat strategy] cat teaching design pattern strategy #designpattern
Second.cat() {
card.active()
}
@MrCoder
MrCoder / useful-regular-expressions.md
Last active January 15, 2020 05:16
Useful regular exppressions

Replace continuous change lines (0x0A) with a single change line char

  1. simple case: \n+ -> \n
  2. remove space chars except for those on the last lin: (\n)[\n\s]*\n(\s*) -> $1$2